外观
容器标记与文本标记
容器标记与文本标记
line-height:x; 求积因子,表示x倍行距
图标字体,第三方字体的使用?????
颜色:Hex #RRGGBB/#RGB
rgba(R,G,B,A); A:0-1之间的小数,越小越透明。
rgb(R,G,B)
hsl(H,S,L) H:0/360红色,120绿色,240蓝色
S:饱和度,L:亮度
white-space:空白区域
视口
<meta name="viewport" content="width=device-width, initial-scale=1.0">
设置设备的视口分辨率为设备分辨率
降低了分辨率,在移动设备显示的物理长度变大
用于响应式网页设计
文字装饰
text-decoration
solid实线
dottled虚线
阴影text-shadow
box-shadow:1px 1px 1px 1px rgba(255,0,0,0.5) 外阴影(红色,50%透明)
box-shadow:1px 1px 1px 1px rgba(255,0,0,0.5) inset 内阴影(红色,50%透明)
background
linear-gradient线性渐变
radial-gradient镜像渐变
background-attach
background-attachment 背景图滚动
background-fixed 背景图固定
list
list-style-image 设置li前面圆点的风格
visibility属性(隐藏元素)
hidden 隐藏并保留隐藏区域
visible 显示隐藏元素
callapse 常用于隐藏表格行或列