CSS属性

内容纲要

基本布局属性

display

属性含义
block元素显示在新行上,类似生成新段落
list-item元素显示在新行上,旁边有列表项标记(项目符号)
inline元素与当前段落一起显示
inline-block元素显示为块级元素,与周围的块元素内联
none元素不显示,它是隐藏的

width、height

单位含义
in英寸
cm厘米
em相对长度单位
mm毫米
%百分比
px物理像素
pt逻辑像素
rem相对根元素字体大小的单位

基本格式属性

border

属性含义
border-width边框宽度
border-color边框颜色
border-style边框样式
solid单实线边框
double双实线边框
dashed虚线边框
dotted单点线边框
groove3D凹槽边框
ridge3D垄状边框
inset3Dinset边框
outset3Doutset边框
none无边框
hidden与none效果相同
border-left边框左侧
border-right边框右侧
border-top边框上边沿
border-bottom边框下边沿
border整个边框
border-top-left-radius左上角圆角半径
border-top-right-radius右上角圆角半径
border-bottom-left-radius左下角圆角半径
border-bottom-right-radius右下角圆角半径
border-radius4个角的圆角半径

font

属性含义
font-family字体类型
font-size字体大小
font-style字体样式(正体或斜体)
font-weight字体的粗细(normal、lighter、bold和bolder等)

留下评论

您的电子邮箱地址不会被公开。