css分为三种写法,内嵌样式表和行内样式表,这种不推荐。
外链式写法:
<link rel="stylesheet" href="1.css">
块元素转换为行内元素:
display:inline;
行内元素转为块元素:
display:block;
块和行内块元素转为行内块元素:
display:inline-block;
总结:块元素可以定义宽和高,独占一行,行内元素不可以定义宽和高,不独占一行,行内块元素既不独占一行,也可以定义宽和高。
css三大特性:
1、层叠性:当多个样式作用在同一个标签上的时候,会发生冲突,后面的会覆盖前面的代码。
2、继承性:两个元素发生嵌套关系的时候,父元素的属性,子元素也可以继承。
注意:h系列不可以继承文字大小
a标签不可以继承文字颜色
3、优先级:
默认样式 < 标签选择器 < 类选择器 < ID选择器 < 行内样式表 < !important
优先级特点:
1、继承的权重为0,有行内样式表的时候就听行内样式表的。
2、权重会叠加
链接伪类:
a:link 这个和a标签都是一样的,只不过有写浏览器不兼容的问题
a:link:链接的默认状态
a:visited:链接访问之后的状态
a:hover:鼠标放在超链接上显示的状态
a:active:超链接激活的状态,按上不松手的状态
导航常用命令:
text-align:center; 文本居中
text-decoration:none;超链接没有下划线
text-decoration:underline;超链接有下划线
font-weight:500;文字加粗
背景颜色:
background-image:url(""); 背景图片
background-repeat none 背景平铺 no-repeat 只出现一次 不平铺
background-position 背景定位 属性:就是加上下左右的方位值