css常用样式含义

CSS边框空白 

padding-top:10px;

padding-right:10px; 
padding-bottom:10px; 
padding-left:10px;

CSS边界样式如下: 

margin-top:10px;
margin-right:10px; 
margin-bottom:10px; 
margin-left:10px;


CSS 属性: 

字体样式(Font Style) 序号 中文说明 标记语法  
1 字体样式 {font:font-style font-variant font-weight font-size font-family} 
2 字体类型 {font-family:"字体1","字体2","字体3",...}  
3 字体大小 {font-size:数值|inherit| medium| large| larger| x-large| xx-large| small| smaller| x-small| xx-small}  
4 字体风格 {font-style:inherit|italic|normal|oblique}  
5 字体粗细{font-weight:100-900|bold|bolder|lighter|normal;} 
6 字体颜色{color:数值;
7 阴影颜色 {text-shadow:16位色值}  
8 字体行高{line-height:数值|inherit|normal;} 
9 字 间 距{letter-spacing:数值|inherit|normal} 
10 单词间距 {word-spacing:数值|inherit|normal} 
11 字体变形 {font-variant:inherit|normal|small-cps }  
12 英文转换 {text-transform:inherit|none|capitalize|uppercase|lowercase} 
13 字体变形 {font-size-adjust:inherit|none} 


文本样式(Text Style)  序号 中文说明 标记语法  
1 行 间 距 {line-height:数值|inherit|normal;}  
2 文本修饰 {text-decoration:inherit|none|underline|overline|line-through|blink} 
3 段首空格{text-indent:数值|inherit}  
4 水平对齐 {text-align:left|right|center|justify} 
5 垂直对齐  {vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super} 
6 书写方式 {writing-mode:lr-tb|tb-rl}


背景样式  序号中文说明标记语法  
1 背景颜色 {background-color:数值}  
2 背景图片 {background-image: url(URL)|none}  
3 背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y} 
4 背景固定 {background-attachment:fixed|scroll}  
5 背景定位 {background-position:数值|top|bottom|left|right|center}  
6 背影样式 {background:背景颜色|背景图象|背景重复|背景附件|背景位置}


框架样式(Box Style)  序号 中文说明 标记语法  
1 边界留白 {margin:margin-top margin-right margin-bottom margin-left} 
2 补  白 {padding:padding-top padding-right padding-bottom padding-left} 
3 边框宽度 {border-width:border-top-width border-right-width border-bottom-width border-left-width}   宽度值: thin|medium|thick|数值  

4 边框颜色 {border-color:数值 数值数值数值}  数值:分别代表top、right、bottom、left颜色值 

5 边框风格  {border-style:none|hidden|inherit|dashed|solid|double|inset|outset|ridge|groove} 

6 边  框 {border:border-width border-style color}  上 边 框 {border-top:border-top-width border-style color} 右 边 框 {border-right:border-right-width border-style color} 下 边框 {border-bottom:border-bottom-width border-style color} 左 边 框 {border-left:border-left-width border-style color} 
7 宽  度 {width:长度|百分比| auto}
8 高  度 {height:数值|auto} 
9 漂  浮 {float:left|right|none}  
10 清  除 {clear:none|left|right|both} 







评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值