CSS基本语法

1.css样式      1.行内样式 <div id="box" style="font-size: 15px;"></div>        通过标签style属性来设定css样式，css代码位于HTML标签的标记中;        仅对当前使用的标签有效;      2.内嵌样式<style>*{margin: 0;padding: 0;}<style>        将css放在页面的head区域中，使用 <style></style>标签进行调用;       仅对当前页面有效,不能跨页面使用;      3.外部样式<link rel="stylesheet" href="css/yuedu.css" />        单独的css样式文件 （.css）,在网页的head区域通过 <link>标签关联css文件;      <link>标签的rel属性指定为stylesheet,href属性指定css文件的路径;      实现了html结构和css样式完全分离,多个网页可以调用1个样式文件;      4.就近原则        a.相同权值得情况下，离被设置元素越近优先级越高;          行内样式>内嵌样式>外部样式

2.css基础语法      组成部分：           对象{样式声明}        基本格式：             选择符{属性:值;}       选择符(对象)：       以html标签作为css的对象（标签本身,标签的特定属性id或class,标签的某种状态（伪类））;       a.选择符即是css样式要作用得html对象       b.样式声明必须被括在花括号{}当中       c.样式的声明由样式的属性和对应的值两部分;       d.样式的声明的属性和值之间用冒号：分隔;       e.样式声明用分号(;)结束；       f.#first-p{color:red;}         .nav{font-size:18px;}         p{background:gray;} 2.1选择符（对象）   a.以html标签作为附加css的对象，由多种类型:      1.标签本身（标签名称）      2.标签的特定属性（id或class）      3.标签的某中状态（伪类） 2.2属性（样式声明）   a.根据不同的视觉表现方式进行分类，常见的分类      1.文本的设定      2.尺寸的设定      3.色彩的设定 2.3值（样式声明）    a.根据样式声明属性的不同类型，有对应的值及单位，如      1.色彩的值      2.尺寸的单位      3.方向值;

3.标签选择符      1.id选择符(#id名)      以html标签的唯一标识符id属性的值作为对象;      在html语言中：id属性是html中的通用属性，但是id的值的命名是唯一的,不允许重复；      css语言中：#代表后面的名称代表是id的值,id选择符主要用于针对具有唯一性的html对象;      2.class选择符(.class名)      将一组css样式归纳为一个类,做为css应用的对象；      html语言中：class属性是html标签的通用属性，可以定义多个,类名之间以空格分隔；      css语言中：class选择符主要用于需要调用相同的css样式的多个html对象;      3.标签选择符        主要对网页文档中的基础标签进行统一的标准化设定；     优先级：     id选择符>class选择符>标签选择符     id和class命名规则     1.id属性和class属性的值命名都为自定义；     2.不允许用数字开头，不允许使用特殊符号;     3.命名最好具有语义化，可使用-或_来连接词组; 4.组合选择符     1.通配选择符（*）         适配文档中的所有的html对象；         用于定义html文档中所以对象的基础样式（消除浏览器默认设置的基础样式）         根据就近原则，要放在css代码的首行；（从上至下读，先加载默认的在做其他特殊的操作）         最常用的用法： *{margin:0;padding: 0;} 消除所有html标签默认存在的内外边距；     2.包含选择符（父级对象  子级对象）        根据html对象的嵌套关系，指定某个元素的子级元素的样式；        选择符对象可以是多重包含，即一层层的包含下去，样式仅作用在最后的内部对象；        元素对象之间用空格分割；       3.群组选择符（对象1,对象2....）           将相同的样式用于多个选择符对象，选择符对象之间用逗号隔开;           h1,h2,h3,h4{color:blue;}     4.指定选择符(标签名.class类名)           将class类选择符和标签选择符结合在一起使用；          主要适用于在使用了某个class类的所有html对象中特别指定某一标签;          p.h1{color:blue} 5.css属性和值     1.css参考手册;         http://t.mb5u.com/css3/     2.常见的取值：        数值单位 ：px(像素)/ew(倍数（相对父元素）)/%（百分比）         方向：top/right/left/bottom/center         色彩：16进制代码（#RRGGBB或#RGB）0-9/a-z/基本色彩单词；         引用路径：url(文件路径)     3.值的一些写法规则       1.表示长宽高的数值必须带上单位；       2.表示色彩的十六进制代码前面必须用#号；       3.一个属性如果有多个值，值与值之间用空格分隔；       4.如果指定多个方向按上右下左的顺序排列；