Skip to content

容器标记与文本标记

300字约1分钟

html前端

2024-10-24

容器标记与文本标记

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 常用于隐藏表格行或列