css 常用属性

本文详细介绍了CSS的各种属性设置方法,包括字体、背景、区块等样式,为网页设计提供全面的样式控制指南。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 
字体属性 (font)
大小 font-size: x-large;( 特大 ) xx-small;( 极小 ) 一般中文用不到,只要用数值就可以,单位: PX PD
样式 font-style: oblique;( 偏斜体 ) italic;( 斜体 ) normal;( 正常 )
行高 line-height: normal;( 正常 ) 单位: PX PD EM
粗细 font-weight: bold;( 粗体 ) lighter;( 细体 ) normal;( 正常 )
变体 font-variant: small-caps;( 小型大写字母 ) normal;( 正常 )
大小写 text-transform: capitalize;( 首字母大写 ) uppercase;( 大写 ) lowercase;( 小写 ) none;( )
修饰 text-decoration: underline;( 下划线 ) overline;( 上划线 ) line-through;( 删除线 ) blink;( 闪烁 )
常用字体: (font-family)
"Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana
背景属性: ( background )
色彩 background-color: #FFFFFF;
图片 background-image: url();
重复 background-repeat: no-repeat;
滚动 background-attachment: fixed;( 固定 ) scroll;( 滚动 )
位置 background-position: left( 水平 ) top( 垂直 );
简写方法 background:#000 url(..) repeat fixed left top;
区块属性: ( Block )
字间距 letter-spacing: normal; 数值
对刘 text-align: justify;( 两端对齐 ) left;( 左对齐 ) right;( 右对齐 ) center;( 居中 )
缩进 text-indent: 数值 px;
垂直对齐 vertical-align: baseline;( 基线 ) sub;( 下标 ) super;( 下标 ) top; text-top; middle; bottom; text-bottom;
词间距 word-spacing: normal; 数值
空格 white-space: pre;( 保留 ) nowrap;( 不换行 )
显示 display:block;( ) inline;( 内嵌 ) list-item;( 列表项 ) run-in;( 追加部分 ) compact;( 紧凑 ) marker;( 标记 ) table; inline-table; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;( 表格标题 )
方框属性: ( Box )
width:; height:; float:; clear:both; margin:; padding:;   顺序:上右下左
边框属性: ( Border )
border-style: dotted;( 点线 ) dashed;( 虚线 ) solid;( 实线 ) double;( 双线 ) groove;( 槽线 ) ridge;( 脊状 ) inset;( 凹陷 ) outset;
border-width:; 边框宽度
border-color:#;
简写方法 border width style color;
列表属性: ( List-style )
类型 list-style-type:     disc;( 圆点 ) circle;( 圆圈 ) square;( 方块 ) decimal;( 数字 ) lower-roman;( 小罗码数字 ) upper-roman; lower-alpha; upper-alpha;
位置 list-style-position: outside;( ) inside;
图像 list-style-image: url(..);
定位属性: ( Position )
Position: absolute; relative; static;
visibility: inherit; visible; hidden;
overflow: visible; hidden; scroll; auto;
clip: rect(12px,auto,12px,auto) ( 裁切 )
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值