在div css制作中常用的CSS属性的英文单词介绍、解释与css样式用法总结。这些单词无需一定要记住会拼写,但是要求看见他们就能认识他们并知道他们的属性及用法,这里有个记住他们属性的技巧就是多制作和手写div+css推荐用Dreamweaver(DW)因为此工具在写CSS和html的代码时候会自动弹出用到的CSS代码,多用多看就能记住他们的用法及属性。(如果您的记忆力好能记住也好不影响)
下面我们来分别认识下这些常用的CSS单词及属性(更多请进CSS在线手册):
1、(盒子)布局排版类
float - 浮动:设置块元素的浮动效果。可选常用到参数left、right ;
width - 宽:确定盒子本身的宽度,可以使盒子的宽度不依靠它所包含的内容多少。
height - 高 :确定盒子本身的高度;
clear - 清除 :用于清除设置的浮动效果,常用参数both 、left、right;
margin - 边距 :控制围绕边框 的边距大小。其中包含4个属性:margin-top控制上边距的宽度、margin-right控制右边距的宽度、margin-bottom控制下边距的宽度、margin-left控制左边距的宽度。
padding -内边界:确定围绕块元素的空格填充数量,其中包含4个属性“padding-top控制上留白的宽度、padding-right控制右留白的宽度、padding-bottom控制下留白宽度、padding-left控制左留白的宽度。
2、边框
border-width -宽 :控制边框的宽度,其中分为4个属性:border-top-width顶边框的宽度、border-right-width右边框的宽度、border-bottom-width底边框的宽度、border-left-width左边框的宽度。
border-color -颜:设置各边框的颜。若要使边框的四边显示不同的颜,可在设置中分别列出。如,
p{: #ff0000 #009900 #0000ff #55cc00}
浏览器将四种颜依次理解为:上边框、右边框、底边框和左边框(自上开始顺时针)。
border-style -样式:设定边框的样式,共有无(none)、虚线(dotted)、点划线线(dotted)、点划线(dashed)、实线(solid)、双线(double)、槽状(grove)、脊状(ridge)、凹陷(inset)和凸起(outset)等9种。
copyright www.divcss5 divcss5
3、css文字属性
font-family- 字体:设定时,需考虑浏览器中有无该字体。
font-size - 字体大小:注意度量单位。
font-weight - 字体 粗细:除了normal(正常)、bold(粗体)、bolder(特粗)、lighter(细体)外,还有9种以像素为度量为单位的设置方式。
font-style-样式:字型。
line-height - 行高:行距。注意,行距只能以是字体大小值为
font-variant - 变形:可以将正常文字一半尺寸后大写显示,但IE目前不支持这项属性。
text-transform - 大小写:这项属性能轻而易举地控制字母大小写,有首字大写(capitalize、大写(uppercas
e)、小写(lowercase)和无(none,使所有继承文字和变形参数被忽略,文字将以正常形式显示)等4种。
text-decoration - 修饰:用于控制链接文本的显示形态,有下划线(underline)、无下划线(overline)、删除线(line-through)、闪烁(blink)和无(none,使上述效果均不会发生)等5种修饰方式。但IE4不支持文字闪烁。
4、背景属性,查看背景居中实例
background-color- 背景颜:设置背景颜。
background-image-背景图像:设置网页背景图像。
background-repeat - 背景重复:控制背景图像的平鋪方式,有不重复(no-repeat)、重复(repeat,沿水平、垂直方向平铺)、横向重复(repeat-X,图像沿水平方向平铺)和纵向重复(repeat-Y,沿图像垂直方向平铺)等4种选择。
background-attachment - 附加:用于控制背景图像是否会随页面的滚动而一起滚动。有固定(fixd,文字滚动时,背景图像保质固定)和滚动(scroll,背景图像随文字内容一起滚动)两种选择。
background-position - 水平位置/垂直位置:确定背景图像的水平、垂直位置。共有左对齐(left)、右对齐(right)、顶部(top)、底部(bottom)、居中(center)和值(自定义背景图像的起点位置,可使用户对背景图像的位置做出更精确的控制)等6种选择。
5、区块属性
word-spacing - 单词间距:主要用于控制文字间相隔的距离。有正常(normal)和值(自定义间隔值)两种选择方式。当选择值时,可用的单位有英寸(in)、厘米(cm)、毫米(mm)、点数(pt)、12pt字(pc)、字体高(em)、字体x有高(ex)像素(px)。
letter-spacing -字母间距:其作用与字符间距类似,也有正常(normal)和值(自定义间隔值)两种选择方式。
vertical-align - 垂直对齐:控制文字或图像相对于其母体元素的垂直位置。如将一个2×3像素的GIF图像同其母体元素文字的顶部垂直对齐,则该GIF图像将在该行文字的顶部显示。共有基线(baseline,将元素的基准线同母体元素的基准线对齐)、下标(sub,将元素以下标的形式显示),上标(super,将元素以上标的形式显示)、顶部(top,将元素顶部同最高的母体元素对齐)、文本顶对齐(text-top,将元素的顶部同母体元素文字的顶部对齐)、中线对齐(middle,将元素的中点同母体元素的中点对齐)、底部(bottom,将元素的底部同最低的母体元素对齐)及值(自定义)等9种选择。
text-align - 文本对齐:设置块的水平对齐方式。共有左对齐(left)、右对齐(right)、居中(center)和均分(justify)等4种选择。
text-indent - 文字缩进:控制块的缩进程度。
white-space -空白间距:在HTML中,空格是被省略的
;在CSS中则使用属性(white-space)控制空格的输入。共有正常(normal)、保留(pre)和不换行(nowrap)等3种选择。
6、CSS绝对定位属性
position - 类型:用于确定定位的类型,共有绝对(absolute)、相对(relative)和静态(static)等3种选择。
z-index - Z轴:用于控制网页中块元素的叠放顺序,可为元素设置重叠效果。该属性的参数值使用纯整数,值为0时,元素在最下层,适用于绝对定位或相对定位的元素。
visibility - 显示:使用该属性可将网页中的元素隐藏,共有继承(inherit,继承母体要素的可视性设置)、可见(visible)和隐藏(hidden)等3种选择。
overflow - 溢出:在确定了元素的高度和宽度后,如果元素的面积不能全部显示元素中的内容时,该属性做一日和尚撞一天钟起作用了。其中共有可见(visible,扩大面积以显示所有内容)、隐藏(hidde
n,隐藏超出范围的内容)、滚动(scroll,在元素的右边显示一个滚动条)和自动(auto,当内容超出元素面积时,显示滚动条)等4种选择。
  “定位”,当为元素确定了绝对定位类型后,该组属性决定元素在网页中的具体位置。该组属性包含4个子属性,分别是“左”(属性名为“left”,控制元素左边的起始位置)、“上”(属性名为“top”,控制元素上面的起始位置)、“宽”或“高”(与“盒子”类属性面板中“宽”或“高”的属性作用相同)。
clip - 剪辑:元素被指定为绝对定位类型后,该属性可以把元素区域切成各种形状,但目前提供的只有方形一种。属性值为rect(top right bottom left),即:rect(top right bottom left),属性值的单位为任何一种长度单位。
7、CSS列表-css li
list-style-type -类型样式:确定列表每一项前使用的符号,共有圆点(disc)、圆圈(circle)、方形(square)、数字(decimal)、小写罗马数字(lower-roman)、大写罗马数字(upper-roman)、小写字母(lower-alpha)和大写字母(upper-alpha)等8种。
list-style-image - 列表前的项目图像:作用是将列表前面的符号换为图形。
list-style-position -位置 :用于描述列表位置,有内(outside)和外(inside)两种选择。
copyright www.divcss5 divcss5
以上是常用的CSS英文单词的CSS属性总结,无需一定要记住会拼写,但是一定要能做到一看见就知道他们的属性,及在写CSS时候能知道用哪个英文单词。更多请进CSS手册-带例子查看了解。
本字典包含 160 个英文单词,均是在学习 HTML 和 CSS 时出现频度较高的 160 个单词。读者可以酌
情在这方面进行强化,可以先集中把这些英文单词学一遍。
A
absolute 绝
对的                          absolute 绝对的
active    活动的,激活的,<a>标记的一个伪类 active              活动的,激活的,<a>标记的一个伪类
align    对齐                          align    对齐
alpha    透明度,半透明                      alpha    透明度,半透明
anchor    锚记<a>标记是这个单词的缩写              anchor    锚记<a>标记是这个单词的缩写
arrow    箭头                          arrow    箭头
auto      自动                          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    鼠标指针
cm          厘米
css表格样式D
dashed    虚线                              display    显示,CSS 的一个属性
decimal    十进制                            division  分区,div 就是这个单词的缩写
decoration 装饰                              document  文档
default    默认的                            dotted    点线
definition 定义                            double    双线
design      设计
E
element    元素
F
father    父亲                              float      浮动
filter    滤镜,过滤器                          font      字体
first      第一个                            for        在循环语句中的一个保留字
fixed      固定的                            four      4 个
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  语言                              line      线
last      最后一个                            link      链接
left      左边                              list      列表
length    长度                              lowercase 小写
level      级别,例如block-levle 就是块级
M
margin    外边距                            millimeter 毫米
max        最大的                            min        最小的
medium      中间                            model      模型
menu      菜单                              move      移动
middle      中间
N
navigation 导航                              none      无,不,没有
new        新的                              normal    标准
O
object    对象                              optional  可选的
oblique    一种斜体                            orange    橙
one        一个                              outer      外面的
only      仅仅                              overflow  溢出
open      打开
P
padding    内边距                            progress  进度
point      点                              public    公开的
pointer    指针,指示器                          purple    紫
position  定位,位置
R
red        红                              resize    重新设置大小
relative  相对的                            right      右边
repeat    重复,平铺                          row        行
replacement 替换
S
scroll    滚动                              shadow    阴影
silver      银                            special    特殊的
size        尺寸                            square    方块
solid      固体,实线                          static    静态的
solution    方案                            strong    强壮,加粗

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。