css
cascading style sheets 层叠样式表。 规定了HTML标签在网页上的显示方式。
HTML:规定网页上有什么内容
css:规定网页上这些内容的样式。
使用HTML写样式的痛点:
1.代码比较臃肿。
2.可读性比较差。
3.不便于维护。
4.对搜索引擎不友好,搜索引擎更关心内容。
使用css的优点:
1.代码比较简洁
2.可读性比较强
3.便于维护
4.更关心内容,对搜索引擎比较友好。
如何去使用css
基础语法:
选择器{
属性: 属性值;(声明)
属性: 属性值;
}
选择器:选择页面中哪些元素去做样式的修改。
声明:要做什么样的样式修改。
声明:都是由属性和属性值组成的。中间用:,以分号结尾。
css对缩进和空格不敏感,咱们可以通过合理的缩进来提高代码的可读性。
css分为五类:文本,盒子,浮动,定位,背景。
文本:
字体,大小,颜色。
盒子:宽,高,背景色,边框、
书写位置:
1.行内式,内嵌式,外链式,导入式。
行内式写法。 直接写在标签style属性中
行内式:写法简单。
缺点:1.结构和样式没有分离。
2.只对当前的标签生效。不能够复用。
开发中不推荐使用。