CSS笔记

标签：文件   内容   切换   ext   扩展   结构   我的妈妈   tle   type   

CSS的作用：
　　1.把内容和样式分离，页面结构清晰，

　　2.易于功能扩展和开发维护，提高开发效率

　　3.设计师设计时更有效率

　　5.整个站点保持视觉的一致性。

　　6.所有主流浏览器都支持。

CSS的选择器：

1.目前主流浏览器都支持选择器样式的继承

2.内嵌样式的设置弊端：只能设置本页面的样式，不能复用。

3.id派生元素选择器， 元素派生id选择器。

4.派生举例，京东网动态的切换页面，不是刷新页面。通过id得到那个元素，
然后把里边的组件改了一下。（就像Java的标签面板一样）

5.id选择器只能设置一个样式， 元素选择器可以一次设置多个样式，
类选择器是根据需要来设置样式。（三种选择器都支持派生）
此外：属性选择器：<a title = ‘aaa‘> 我的妈妈</a>
[title] {
 color:red;

}

6.一般设置width 或者 height 是个例如：div的内容设置的宽， 高， 而不是
给div设置的。不会受边距的影响。

7.引入CSS四种方式
行内样式<p style=“样式”>段落文本</p>

内嵌样式<style type=“text/css”>样式代码</stype>

外部导入<style type=“text/css”>@import “样式文件”</stype>

外部链接<link href=“样式文件url”rel=“stylesheet”type=“text/css”/>

style = "background-color:red; color:blue; font-family:"楷体";";
优先级：行内 > 内嵌 > 外链

8.关于派生：
id可以派生元素选择器，派生的意思就是子节点
元素选择器派生id选择器，元素下的子元素id为样式派生id

9.padding：内容和div的距离
 margin：div框和页面的距离
设置宽和高是给div中的内容设置，而不是div框

CSS笔记

标签：文件   内容   切换   ext   扩展   结构   我的妈妈   tle   type   

原文地址：http://www.cnblogs.com/StephenChowcai/p/7291192.html