常见的CSS属性和值
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
边框颜色属性
可以通过边框颜色属性border-color 设定上下左右边框的颜色,可以使用1 到4个关键字。如果四个值都给出了, 它们分别应用于上、右、下和左边框 的式样。如果给出一个值,它将被运 用到各边上。如果两个或三个值给出 了,省略了的值与对边相等
略写的边框属性
CSS属性border是边框属性的一个快捷的综合写法,是一 个用于设置一个元素边框的宽度、式样和颜色的略写,它 包含border-width,border-style和border-color属性。
边框属性border只能设置四种边框,也只能给出一组边框 的宽度和式样。为了给出一个元素的四种边框的不同的值, 网页制作者必须用一个或更多的属性,如:上边框、右边 框、下边框、左边框、边框颜色、边框宽度、边框式样、 上边框宽度、右边框宽度、下边框宽度或左边框宽度。
鼠标光标属性
在网页中默认的鼠标指针只有两种,一种是最普通的箭头, 另一种是当移动到链接上时出现的“小手”。但现在越来 越多的网页都使用了CSS鼠标指针技术,当将鼠标移动到 链 接 上 时 , 可 以 看 到 多 种 不 同 的 效 果 。 CSS 可 以 通 过 Cursor属性实现鼠标形状的改变,其属性可以是默认的鼠 标形状default、小手形状hand、交叉十字crosshair、文 本选择符号text、Windows的沙漏形状wait、带有问号的 鼠标help以及各个方向的箭头属性值。
背景图象 图片URL或none(无)
背景重复 repeat、repeat-x、repeat-y、no-repeat
背景附件 scroll(滚动)或fixed(固定)
背景位置
横向的关键字(left, center, right),纵 向的关键字(top, center, bottom)百分比 和长度也可用做安排背景图象的位置
CSS中修饰字体的属性
属 性描 述
属性值
fontfamily
字体族 任意字体族科名称都可以使用例如Times、serif等, 科 而且多个族科的赋值是可以使用的,中间用逗号分隔, 以防止选择不存在的字体族科
fontsize
字体大 可以使用绝对大小、相对大小、长度或百分比 小
fontstyle
字体风 normal(普通),italic(斜体)或oblique(倾斜) 格
none:没有边框,无论边框宽度设为多大 dotted:点线式边框 dashed:破折线式边框 solid:直线式边框 double:双线式边框 groove:槽线式边框 ridge:脊线式边框 inset:内嵌效果的边框 outset:突起效果的边框
边框宽度属性
可以通过边框宽度属性border-width设定上下左 右边框的宽度,该属性用1到4个值来设置元素的 边界,值是一个关键字或长度,不允许使用负值 长度。
如果给出一个值,它将被运用到各边上。
如果两个或三个值给出了,省略了的值与对边相 等
也 可 以 分 别 使 用 border-top-style 、 borderbottom-style 、 border-left-style 和 borderright-style属性单独设置各边的风格
各边的风格使用的属性值
text-align 横向排列 left、right、center或justify
textindent
文本缩进
该值必须是一个长度或一个百分比,若百分比则视上 级元素的宽度而定
lineheight
行高
可以接受一个控制文本基线之间的间隔的值。当值为 数字时,行高由元素字体大小的量与该数字相乘所得。 百分比的值相对于元素字体的大小而定。不允许使用 负值
font: italic bold 20px;
CSS中常见的控制文本的属性
属 性描 述
属性值
letterspacing
字母间隔 该值必须符合长度格式,允许使用负值
wordspacing
文字间隔 该值必须符合长度格式,允许使用负值
textdecoration
文字修饰
underline(下划线),overline(上划线),linethrough(删除线),blink(闪烁),或默认地使用 无
CSS中常见的控制背景的属性
属性 backgroundcolor backgroundimage backgroundrepeat backgroundattachment
backgroundposition
描述
属性值
背景颜色
值 和 color 属 性 值 设 定 方 式 相 同 , 或 使 用 transparent(透明)值
边框属性
任何一个元素都可以设置边框 边框属性是用于设置一个元素边框风格、边框宽
度、边框颜色的略写,可以一起设置4边的边框, 也可对上边框、右边框、下边框和左边框单独设 置。
边框风格属性
可以通过边框风格属性border-style设定上下左 右边框的风格,该属性用于设置一个元素边框的 样式,而且必须用于指定可见的边框。可以使用1 到4个关键字,如果四个值都给出了,它们分别应 用于上、右、下和左边框的式样。
font- 字体加 normal、bold、bolder或lighter等
weight
粗
font- 字体变 normal(普通)或small-caps(小型大写字母) variant 形
font: [ <字体风格> || <字体变形> || <字体加粗> ]? <字体 大小> [ / <行高> ]? <字体族科>
如果四个值都给出了,它们分别应用于上、右、 下和左边框的式样。
如果只给出一个值,它将被运用到各边上。
如果两个或三个值给出了,省略了的值与对边相 等。这个属性是上边框宽度、右边框宽度、下边 框宽度和左边框宽度属性的略写。
也 可 以 分 别 使 用 border-top-width 、 borderbottom-width 、 border-left-width 和 borderright-width 属 性 单 独 设 置 各 边 的 宽 度 。 除 了 可 以使用长度单位定值外,还可以用medium(是默 认 值 ) 、 thin ( 比 medium 细 ) 或 thick ( 比 medium粗)值。
background: <背景颜色> || <背景图象> || <背景重 复> || <背景附件> || <背景位置>Байду номын сангаас
应用多个图标放到同一个图片里
多个图标放到同一个图片里,通过定 义某区块的背景定位,调用同一个图 片中不同位置上的小图标,好处是可 以减少对服务器的请求次数,从而加 快页面的访问速度