web前端基础知识总结 (6)

(1)、字体属性: font-family 用一个指定的字体名 font-size 字体显示的大小 font-style 字体显示的样式 font-weight 定义字体的粗细 font-variant 设置英文大小写转换  font 组合设置字体属性

Font-style的属性值:normal 正常值 italic 斜体 oblique 扁斜体

Font-weight的属性值: normal 正常值 bold 粗体 bolder 在加粗 lighter 变细 100900 共有100900个级别数越大越粗

Font-variant的属性值:normal 正常     small-caps 将小写转换为大写

Font组合时的顺序:样式,粗细,大小

(2)、颜色和背景属性:

Color 颜色  background-color 背景颜色 background-image 背景图片 background-repeat 背景图片如何重复

Background-position 设置背景图片水平和垂直的位置 background 组合设置背景属性

属性值:

Background-repeatrepeat 平铺 repeat-x  X方向上平铺 repeat-y Y方向上平铺  no-repeat不平铺

Background-position value 以百分比(x%.y%)或绝对值的形式(x.y)来确定背景图像的位置 top 居顶

Center 居中 bottom居底 left 居左 right居右

Background可以任意组合以上的属性值

(3)、文本属性:

Letter-spacing 定义一个附加在字符间的间隔数量  word-spacing单词间的间隔数量   text-index文字的首行缩进

Text-align 文本对齐方式 line-height行高间隔 text-transform控制英文文字大小写 text-decoration文字修饰

属性值:

Letter-spacing: normal 正常值 长度单位 如2em

Word-spacing : normal 正常值 长度单位

Text-decorationunderline 加下划线  overline 加上划线   line-through 加删除线  blink闪烁文字,只使用于     netscape浏览器    none默认值

Text-alignleft 左对齐 right右对齐 center居中 justify两端对齐

Text-index:后跟长度单位如2em

Text-transform: capitalize将每个单词首字母大写 uppercase 将每个都转换为大写  lowercase 转换为小写 none

(4)、边框属性:

Border-color 边框颜色    border-style 边框样式     border-width边框宽度     border-top-color 上边框颜色

Border-left-color 左边框颜色  border-right-color 右边框颜色   border-bottom-color 底边框颜色      border-top-style  border-left-style border-right-style  border-bottom-style  border-top-width   border-left-width

Border-right-width  border-bottom-width  border 组合设置 border-top(right/left/right/bottom)

属性值:

Border-stylenone 无边框  dotted 边框由点组成  dash 边框由短线组成  solid边框是视线  double双线

Groove  立体沟槽  ridge 边框成脊形  inset 边框内嵌一个立体边框  outset边框外嵌一个立体边框

(5)、方框属性:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzysyw.html