下载此文档

CSS规则定义.doc


文档分类:IT计算机 | 页数:约14页 举报非法文档有奖
1/14
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/14 下载此文档
文档列表 文档介绍
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         正常,相当于normal
500         变粗
600         较粗
700         粗体,相当于bold
800         更粗
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 此元素不会被显示
block 此元素将显示为块级元素,此元素前后会带有换行符
inline 默认。此元素会被显示

CSS规则定义 来自淘豆网www.taodocs.com转载请标明出处.

相关文档 更多>>
非法内容举报中心
文档信息
  • 页数14
  • 收藏数0 收藏
  • 顶次数0
  • 上传人坐水行舟
  • 文件大小73 KB
  • 时间2018-09-29