CSS规则定义.docx
- 文档编号：10312622
- 上传时间：2023-05-25
- 格式：DOCX
- 页数：20
- 大小：21.02KB
CSS规则定义.docx
《CSS规则定义.docx》由会员分享，可在线阅读，更多相关《CSS规则定义.docx（20页珍藏版）》请在冰点文库上搜索。
CSS规则定义
CSS规则定义
一、类型
Font-family：
字体
font-size：
字体大小：
xx-small 最小
x-small 较小
small 小
medium 正常（默认值）
large 大
x-large 较大
xx-large 最大
larger 相对于父元素中字体尺寸进行相对增大
值px（像素）
pt（点数）
in（英寸）
cm（厘米）
mm（毫米）
pc（十二点活字，1pc＝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-positionX：
X轴背景位置
left居左
center居中
right居右
值距离左边框的值（px）
background-positionY：
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（十二点活字，1pc＝12pt）
emx（字体高），2em相当于当前字体的2倍大小
exs（字母X的高）
%（父元素的百分比）
white-space空白
normal空白会被浏览器忽略（默认）
pre空白会被浏览器保留，其行为方式类似HTML中的
标签nowrap文本不会换行，文本会在在同一行上继续，直到遇到
标签为止。Display：
显示（若不显示，不占空间）
none此元素不会被显示
block此元素将显示为块级元素，此元素前后会带有换行符
inline默认。
此元素会被显示为内联元素，元素前后没有换行符
inline-block行内块元素
list-item此元素会作为列表显示。
run-in此元素会根据上下文作为块级元素或内联元素显示。
compactCSS中有值compact，不过由于缺乏广泛支持，已经从CSS2.1中删除。
markerCSS中有值marker，不过由于缺乏广泛支持，已经从CSS2.1中删除。
table此元素会作为块级表格来显示（类似
| 和 | ） table-caption此元素会作为一个表格标题显示（类似 inherit规定应该从父元素继承 四、方框 Width： 宽度 auto自动 值 Height： 高度 auto自动 值 Float： 漂浮 left元素向左浮动。 right元素向右浮动。 none默认值,元素不浮动，并会显示在其在文本中出现的位置。 Clear： 清除浮动元素 left清除左侧浮动元素。 right清除右侧浮动元素。 both清除左右两侧浮动元素。 none默认值，允许浮动元素出现在两侧。 Padding： 内边距（填充，设定文本与框之间的距离） top距离顶部值 right距离右边值 bottom距离底部值 left距离左边值 Margin： 外边距（间距，用来设定边距或与外部元素的距离） top距离顶部值 right距离右边值 bottom距离底部值 left距离左边值 五、边框 Style： 样式 none无边框 dotted点状边框（大多数浏览器中呈现为实线） dashed虚线（大多数浏览器中呈现为实线） solid实线 double双线 groove凹槽 ridge脊状 inset左上浓，右下淡（相当于暗边框） outset右下浓，左上淡（相当于亮边框） width： 宽度 thin细边框。 medium默认边框 thick粗边框值 color： 颜色 六： 列表 list-style-type： 列表样式类型 disc默认，标记是实心圆。 circle标记是空心圆。 square标记是实心方块。 decimal标记是数字。 lower-roman小写罗马数字（i,ii,iii,iv,v,） upper-roman大写罗马数字（I,II,III,IV,V,） lower-alpha小写英文字母（a,b,c,d,e,） upper-alpha大写英文字母（A,B,C,D,E,） none无标记 附加没有的： decimal-leading-zero： 0开头的数字标记（01,02,03,） upper-latin大写拉丁字母（A,B,C,D,E,） lower-greek小写希腊字母（alpha,beta,gamma,等。 ） lower-latin小写拉丁字母（a,b,c,d,e,等。 ） list-style-image： 列表样式图片（用来设定列表样式图片标记的地址） list-style-position： 列表样式位置 inside内 outside外 七： 定位 Position: 位置 absolute生成绝对定位的元素.通过left、top、right、bottom属性值进行定位 fixed生成绝对定位的元素，相对于浏览器窗口进行定位，通过left、top、right、bottom属性值进行定位 relative生成相对定位的元素，相对于其正常位置进行定位。 left: 20，向元素的左边位置添加20像素 static默认值，没有定位 width： 宽度 auto自动 值 height： 高度 auto自动 值 Visibility： 规定元素是否可见（即使不可见，但仍占用空间，display不占空间） inherit从父元素继承 visible默认值，可见 hidden隐藏，不可见 Z-index： 设置元素的堆叠顺序（值越大越在上面） auto自动 值 Overflow： 内容溢出方式 visible默认值，内容呈现在元素框之外 hidden内容会被修剪，溢出内容不可见 scroll内容会被修剪，显示滚动条查看 auto如果内容被修剪，则自动生成滚动条查看 placement： 设置对象定位层的位置 top距离顶部值 right距离右边值 bottom距离底部值 left距离左边值 clip： 裁剪绝对定位元素 top距离顶部值 right距离右边值 bottom距离底部值 left距离左边值
八、扩展 page-break-before： 设置元素前的分页行为 auto默认值。 如果必要则在元素前插入分页符。 always在元素前插入分页符。 left在元素之前足够的分页符，一直到一张空白的左页为止。 right在元素之前足够的分页符，一直到一张空白的右页为止。 附加没有的： avoid避免在元素前插入分页符。 （IE不支持right、left） page-break-after： 设置元素后的分页行为 auto默认值。 如果必要则在元素后插入分页符。 always在元素后插入分页符。 left在元素之后足够的分页符，一直到一张空白的左页为止。 right在元素之后足够的分页符，一直到一张空白的右页为止。 Cursor： 视觉效果 Crosshair光标呈现为十字线。 text此光标指示文本。 wait此光标指示程序正忙（通常是一只表或沙漏）。 pointer光标呈现为指示链接的指针（一只手） default默认光标（通常是一个箭头） help此光标指示可用的帮助（通常是一个问号或一个气球）。 e-resize→此光标指示矩形框的边缘可被向右移动。 ne-resize↗此光标指示矩形框的边缘可被向上及向右移动 n-resize↑此光标指示矩形框的边缘可被向上移动。 nw-resize↖此光标指示矩形框的边缘可被向上及向左移动。 w-resize←此光标指示矩形框的边缘可被向左移动。 sw-resize↙此光标指示矩形框的边缘可被向下及向左移动。 s-resize↓此光标指示矩形框的边缘可被向下移动。 se-resize↘此光标指示矩形框的边缘可被向下及向右移动。 auto默认。 浏览器设置的光标。 Filter： 滤镜 alpha设置透明度 blendtrans 滤镜的淡入淡出时间 blru建立模糊效果 chroma把指定的颜色设置为透明 dropShadow建立一种偏移的影象轮廓，即投射阴影 flipH水平反转 flipV垂直反转 glow为对象的外边界增加光效 grayscale降低图片的彩色度 invert将色彩、饱和度以及亮度值完全反转建立底片 效果 light在一个对象上进行灯光投影 mask为一个对象建立透明膜 shadow： 创建偏移固定影子 shadow建立一个对象的固体轮廓，即阴影效果 wave在X轴和Y轴方向利用正弦波纹打乱图片，产 生波纹效果 xray只显示对象的轮廓 九、过渡 所有可动画属性、持续时间、延迟、计时功能
词典 A absolute绝对的 active活动的，激活的，标记的一个伪类 align对齐 alpha透明度，半透明 anchor锚记标记是这个单词的缩写 arrow箭头 auto自动 B background背景 border边框 banner页面上的一个横条 both二者都是 clear属性的一个属性值 black黑色 bottom底部，是一个CSS属性 blink闪烁 box盒子 block块 br换行标记 blue蓝色 bug软件程序中的错误 body主体，一个HTML标记 building建立 bold粗体 button按钮 C cell表格的单元格 color颜色 center中间，居中 connected连接的 centimeter厘米 contact联系 child孩子 content内容 circle圆圈 crosshair十字叉丝 class类别css层叠样式表 clear清除 cursor鼠标指针 D dashed虚线 display显示，CSS的一个属性 decimal十进制 division分区，div就是这个单词的缩写 decoration装饰 document文档 default默认的 dotted点线 definition定义 double双线 design设计 E element元素 F father父亲 float浮动 filter滤镜，过滤器 font字体 first第一个 for在循环语句中的一个保留字 fixed固定的 four4个 G gif一种图像格式 green绿色 gray灰色 H hack常用于CSS中的一些招数，或者类似于偏方的技巧 here这里 hand手 hidden被隐藏 head头部 home首页 height高度 horizontal水平的 help帮助 hover鼠标指针经过时的效果，或称为“悬停状态” I Image图像 inline行内 important重要的 inner内部的 indent缩进 italic意大利体，斜体 index索引 J jpg一种图像格式 justify两端对齐 L language语言 last最后一个 left左边 length长度 level级别，例如block-levle就是块级 line线 link链接 list列表 lowercase小写 M margin外边距 max最大 的medium中等、普通、平均 menu菜单 middle中间 millimeter毫米 min最小的 model模型 move移动 N navigation导航 new新的 none无，不，没有 normal标准 O object对象 oblique一种斜体 one一个 only仅仅 open打开 optional可选的 orange橙色 outer外面的 overflow溢出 P padding内边距 point点 pointer指针，指示器 position定位，位置 progress进度 public公开的 purple紫色 R red红色 relative相对的 repeat重复，平铺 replacement替换 resize重新设置大小 right右边 row行 S scroll滚动 shadow阴影 silver银色 special特殊的 size尺寸 square方块 solid固体，实线 static静态的 solution方案 strong强壮，加粗的 son儿子 style样式 span一个HTML标记 T table表格 title标题 td单元格的HTML标记 top顶部 text文本 tr表格中“行”的HTML标记 thick粗的 transitional过渡的 thin细的 two两个 three三个 type类型 through穿过 U underline下划线 uppercase大写 upper上面的 url网址 V vertical竖直的 visited访问过的 W white白色 width宽度 Y yellow黄色
冰点文库所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。
该用户的其他资源 更多>>
猜你喜欢
关于本文
相关资源
更多
|
|---|
《大侦探小卡莱》读后感.docx
