css基础知识概括

Css基础总结

 一. Css有四种样式：

      1. 行内样式：就是css代码直接写在标签内

      2. 内嵌样式：就是整个css代码写在head标签内

      3. 链接样式：css写在一个外部文件中，在head标签内用link连接到此文件

      4. 导入样式：与连接样式很像，又与区别（不常用）注：一般情况使用第三种链接样式

二．Css选择器

      1.标签选择器，控制所有对应标签的

      2.id选择器，’#’

      3.类选择器，’.’

      4.通用选择器，’*’

三．Css两种优化方式

      1.选择器的集体声明

      2.选择器的嵌套声明

四．Css选择器的命名 常用的有三种命名法

      1. 骆驼命名：第一个单词小写,从第二个单词开始，首字母大写，如：headerBlock

      2. 帕斯卡命名：每个单词的首字母都大写,如:HeaderBlock

      3. 匈牙利命名：就是在前面加前缀，使名称容易理解，如：head_navigation

五．盒子模型 Css中的盒子模型和现实中的盒子一样 content（内容）:表示盒子中放物品的区域空间 border(边框)：就是盒子的边框 padding(内边距):就是盒中物品与盒子之间的距离（因为放在盒子中的东西不可能完全和盒子大小一样，那样也放不进去吧） margin(外边距):假如存在多个盒子，盒子和盒子之间的边距就是这个六．Css元素 1.内联元素 可同行，宽度高度无效 2.块状元素：不可同行，宽度高度有效