伪类选择器
未激活的状态 a:link{color:pink;}
激活后的状态a:visited{color:red;}
鼠标悬浮 a:hover{color:cyan;}
鼠标按住 a:active{color:yellow;}
字体属性
字体大小font-size
字体加粗 font-weight:bold
字体族科 font-family:‘楷体’
字体样式 font-style
字体颜色 color
结合
字体:样式 加粗 大小 族科font:italic bold 40px 楷体
字体属性
1.1em=1个字的大小
1ex=1个x的大小 2ex=1em
text-indent:2em;
2.行高 line-height:1.5;
3.字间距 letter-spacing:5px;
4.文本阴影 text-shadow:10px 10px 10px pink;
参数1:阴影的水平位置
参数2:阴影的垂直位置
参数3:阴影的模糊度
参数4:阴影颜色
颜色属性
设置外边距为 margin:10px
向左浮动 float:left;
背景颜色 background-color:hsl(240,100%,40%);
h:色相/色调
s:饱和度
l:亮度/明度
a:透明度
没有文本修饰 text-decoration:none;
红色下划线 text-decoration:underline red;
红色破浪线text-decoration:underline wavy red;
在文本上方 text-decoration:overline;
超出文本隐藏 hidden
空心圆 list-style-type:circle;
清除列表样式 list-style:none
;
向左浮动 float:left;
外边距居左10像素 margin-left:10px;
内边距四个方向2像素padding:2px;
图片属性
设置背景图片image
设置背景颜色 color
设置背景是否平铺 repeat
设置背景不平铺 no-repeat
沿x轴平铺repeat-x
沿y轴平铺 repeat-y
设置背景大小 size
百分百显示100% 100%
平铺(整张图) cover
定位position
水平 left center right
垂直top center bottom
固定背景background-attachment:fixed
百分比:1个参数 四个方向
2个参数 水平 垂直