《CSS+DIV》总结

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Mabanana/article/details/85123153

1.概念
CSS(Cascading  Style  Sheet),中文译为层叠样式表,适用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS+DIV是web设计标准,他是一种页面布局方法,可以实现网页页面内容与表现分离。

样式规则:由一个选择器后跟一个声明块组成。声明块是一个大容器,由大括号中间的部分组成,声明块中间的控件会被忽略。

如:

#m_category{
    width:200px;
    float:left;
}

2.选择器

  • 元素选择器:语法格式:元素{color:blue;}
  • 类选择器:语法格式: .类名{属性:值;}
  • ID选择器: #id名 {属性:值;}  ID名不可重复
  • 通配符选择器:语法格式: *{属性:值;} 
  • 伪类选择器:可以以不同方式格式化超链接<a>元素的四种不同状态    
  • 伪元素选择器:标准的选择器不能格式化一个元素内容的第一个字母或者第一行,而伪元素选择器能实现

3.CSS优先级
优先级顺序为:内联样式(inline style) > ID选择符 > 类选择符(class), 伪类(pseudo-class)和属*(attribute)选择符 > 类别(type),伪对象(pseudo-element)


4. 优势

  1. 精简的代码,使用CSS+DIV布局,页面代码精简。
  2. 提高访问速度,增加用户体验性
  3. 很容易被搜索引擎搜索到,降低网页大小,让网页体积变得更小。

5.Noooooooooop!

猜你喜欢

转载自blog.csdn.net/Mabanana/article/details/85123153
今日推荐