在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小时内删除。
发表评论