CSS基础 1、基础语法：选择器{声明}=>选择器{属性1:属性值1；属性2：属性值2} （1）选择器：选中需要修饰的对象 （2）声明：包含属性和属性值 注意点：① 声明必须写在大括号内；② 属性和属性值之间用冒号相连；③ 属性值后面若还有其他属性，就得用分号隔开；④ 属性不分前后顺序 2、样式表的建立： （1）行内/内联样式表 ：不建议使用（优先级比较大） ① 在标签内添加属性style(样式) html属性 ② 在style属性后面的属性值内书写声明即可 ③ 行内样式表不需要设置选择器 （2）内部样式表 ① 在head区域内创建style标签 ② 在style标签内书写语法即可 （3）外部样式表 ① 需要在外部创建一个CSS文件 ② CSS文件中书写语法即可 ③需要引入关联 常用：在head区域内书写一个link标签即可 语法： 说明：使用link元素导入外部样式表时，需将该元素写在文 档头部，即与之间。 rel：用于定义文档关联，表示关联样式表； type：定义文档类型； 了解：在head区域内书写style标签 在标签内，然后用@import url(相对)路径注意：@和import之间没有空格 ；url和小括号之间也没有空格；括号内部加引号，必须结尾以分号结束； 区别： ① link方式引入样式表：html结构和css样式表在浏览器中是同时加载的 ② @import方式引入：先加载是html结构 ，后加载css样式 4、样式表的优先级： ① 内联样式表的优先级别最高 ② 内部样式表与外部样式表的优先级和书写的顺序有关，后书写的优先级别高（就近原则） 5、css选择符(选择器)： ① 选择符表示要定义样式的对象，可以是元素本身，也可以是一类元素或者制定名称的元素. （2）常用的选择器： 标签选择器：所有的html标签都可以作为标签选择器 id选择器：①css:#id名{属性：属性值;} ② 在html结构中使用id选择符时，应该为每个元素定义一个id属性； 如：
③ 起名时要取英文名 ④ 一个id名称只能对应文档中一个具体的元素对象，因为id只能定义页面中某一个唯一的元素 对象。 ⑤ 最大的用处：创建网页的外围结构 class选择器：① css的用法：.class名{属性：属性值;} 包含选择器：① 选择符1(父) 选择符2（子）{属性：属性值;} ② 说明：选择符1和选择符2用空格隔开，含义就是选择符1中包含的所有选择符2; 群组选择器：① 选择符1，选择符2，选择符3......{属性：属性值;} ② 当有多个选择符应用相同的样式时，可以将选择符用“，”分隔的方式，合并为一组。 通配符：① {属性：属性值；} ② 常用来重置样式。如：{marging:0;padding:0;} 伪类选择器： a:link {color: red;} /* 未访问的链接状态 / a:visited {color: green;} / 已访问的链接状态 / a:hover {color: blue;} / 鼠标滑过链接状态 / a:active {color: yellow;} / 鼠标按下去时的状态 */ 注意：这4个超链接伪类选择符联合使用时，应注意他们的顺序，正常顺序为： a，a:link,a:visited,a:hover,a:active,错误的顺序有时会使超链接的样式失效 6、选择符的权重： 继承样式的权重为0000 （0） 子选择符的权重为0000 // （0） 伪元素选择符的权重为0001 // （1） 类型、标签选择符的权重为0001 ：a p div span form .... （ 1 ） class选择符的权重为0010 .class （ 10 ） 属性选择符的权重为0010 // （10） 伪类选择符的权重为0010 （10） id选择符的权重为0100 # （100） 包含选择符的权重：为所包含选择符的权重之和 内联样式的权重为1000 （1000） 7、Css层叠性： ① 有相同的权重属性时，取权重和优先级最高的 ② 有不同的属性会进行叠加
