JavaWeb学习总结8.21

《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
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}
14字体{font-stretch:condensed,expanded,extra-condensed,extra-expanded,inherit,narrower,normal, semi-condensed,semi-expanded,ultra-condensed,ultra-expanded,wider}

文本样式(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}
6.1上 边 框{border-top:border-top-width border-style color}
6.2右 边 框{border-right:border-right-width border-style color}
6.3下 边 框{border-bottom:border-bottom-width border-style color}
6.4左 边 框{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}

分类列表

序号中文说明标记语法
1控制显示{display:none,block,inline,list-item}
2控制空白{white-space:normal,pre,nowarp}
3符号列表{list-style-type:disc,circle
4图形列表{list-style-image:URL}
5位置列表{list-style-position:inside,outside}
6目录列表{list-style:目录样式类型,目录样式位置,url}
7鼠标形状{cursor:hand,crosshair,text,wait,move,help,e-resize,nw-resize,w-resize,s-resize,se-resize,sw-resize}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值