- 1、本文档共14页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
CSS规则定义
CSS规则定义
一、类型
Font-family:字体
font-size:字体大小:
xx-small 最小
x-small 较小
small 小
medium 正常(默认值)
large 大
x-large 较大
xx-large 最大
larger 相对于父元素中字体尺寸进行相对增大
值 px(像素)
pt (点数)
in (英寸)
cm (厘米)
mm (毫米)
pc (十二点活字,1 pc= 12pt)
em: 2em相当于当前字体的2倍大小
%(百分比)
font-weight:字体粗细
normal??? 缺省值。字体正常显示。 bold??????? 粗体 bolder???? 比粗体更加粗 lighter?????比正常字体细 100?????????特细200???????? 较细 300?????????细
400???????? 正常,相当于normal500???????? 变粗
600???????? 较粗 700???????? 粗体,相当于bold800???????? 更粗
900???????? 特粗
font-style:字体风格
normal 正常(默认值)
italic 斜体
oblique 让没有斜体属性的文字倾斜
font-variant:字体变量
normal 正常(默认值)
small-caps小型大写字母的字体显示文本
line-height:行高
normal 正常(默认值)
值
text-transform:文本大小写转换
capitalize首字大写
uppercase 英文大写
lowercase 英文小写
none 无
text-decoration:(字体装饰)
underline 下划线
overline 上划线
line-through 删除线(线从字体中间穿过)
blink 闪光、闪烁(一般不用)
none 无
二、背景
background-color: 背景颜色
background-image: 背景图片
background-repeat:背景重复
repeat 背景图像将在垂直方向和水平方向重复(默认)
repeat-x 背景图像将在水平方向重复
repeat-y 背景图像将在垂直方向重复
no-repeat 背景图像将仅显示一次。
background-attachment:背景附着
scroll 背景图像会随着页面文档的滚动而滚动
(默认)
fixed 背景图像不随着页面文档滚动
background-position X:X轴背景位置
left 居左
center 居中
right 居右
值 距离左边框的值(px)
background-position Y:Y背景位置
top 置顶部
center 居中
bottom 置底部
值 距离顶部边框的值(px)
三、区块
word-spacing:词间距
normal 正常(默认值)
值
letter-spacing:字符间距
normal 正常(默认值)
值
vertical-align:垂直对齐
baseline 元素放置在父元素的基线上(默认)
sub 垂直对齐文本的下标。
super 垂直对齐文本的上标
top 把元素的顶端与行中最高元素的顶端对齐
text-top 把元素的顶端与父元素字体的顶端对齐
middle 把此元素放置在父元素的中部
bottom 把元素的顶端与行中最低元素的顶端对齐
text-bottom把元素的底端与父元素字体的底端对齐
值
text-aline:水平对齐
left 左边对齐(默认值:由浏览器决定)
right 右边对齐
center 中间对齐
justify 两端对齐
text-indent:文本缩进
值 pixels(像素)
points (点数)
in (英寸)
cm (厘米)
mm (毫米)
picas (十二点活字,1 pc= 12pt)
emx( 字体高),2em相当于当前字体的2倍大小
exs(字母X的高)
%(父元素的百分比)
white-space空白
normal 空白会被浏览器忽略(默认)
pre 空白会被浏览器保留,其行为方式类似 HTML 中的 pre 标签
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 br 标签为止。
Display:显示(若不显示,不占空间)
none
文档评论(0)