CSS规则定义.docx

上传人:b****4 文档编号:24173601 上传时间:2023-05-25 格式:DOCX 页数:20 大小:21.02KB
下载 相关 举报
CSS规则定义.docx_第1页
第1页 / 共20页
CSS规则定义.docx_第2页
第2页 / 共20页
CSS规则定义.docx_第3页
第3页 / 共20页
CSS规则定义.docx_第4页
第4页 / 共20页
CSS规则定义.docx_第5页
第5页 / 共20页
点击查看更多>>
下载资源
资源描述

CSS规则定义.docx

《CSS规则定义.docx》由会员分享,可在线阅读,更多相关《CSS规则定义.docx(20页珍藏版)》请在冰豆网上搜索。

CSS规则定义.docx

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此元素会作为块级表格来显示(类似

),表格前后带有换行符。

inline-table此元素会作为内联表格来显示(类似

),表格前后没有换行符。

table-row-group此元素会作为一个或多个行的分组来显示(类似

)。

table-header-group此元素会作为一个或多个行的分组来显示(类似

)。

table-footer-group此元素会作为一个或多个行的分组来显示(类似

)。

table-row此元素会作为一个表格行显示(类似

)。

table-column-group此元素会作为一个或多个列的分组来显示(类似

)。

table-column此元素会作为一个单元格列显示(类似

table-cell此元素会作为一个表格单元格显示(类似

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黄色

展开阅读全文
相关搜索

当前位置:首页 > 表格模板 > 合同协议

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1