网页设计中的CSS样式代码详解Word文档下载推荐.docx
- 文档编号:13886352
- 上传时间:2022-10-14
- 格式:DOCX
- 页数:27
- 大小:19.82KB
网页设计中的CSS样式代码详解Word文档下载推荐.docx
《网页设计中的CSS样式代码详解Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《网页设计中的CSS样式代码详解Word文档下载推荐.docx(27页珍藏版)》请在冰豆网上搜索。
∙color-rgb
∙color-hex
∙color-name
∙transparent
background-image
把图像设置为背景。
∙url
∙none
background-position
设置背景图像的起始位置。
∙topleft
∙topcenter
∙topright
∙centerleft
∙centercenter
∙centerright
∙bottomleft
∙bottomcenter
∙bottomright
x-%y-%
∙x-posy-pos
background-repeat
设置背景图像是否及如何重复。
∙repeat
∙repeat-x
∙repeat-y
∙no-repeat
CSS边框属性(border)
border
简写属性。
作用是在一个声明中用来设置四个边框的所有属性。
∙border-width
∙border-style
∙border-color
border-bottom
作用是在一个声明中用来设置下边框的所有属性。
∙border-bottom-width
border-bottom-color
设置下边框的颜色。
border-color
2
border-bottom-style
设置下边框的样式。
border-style
border-bottom-width
设置下边框的宽度。
∙thin
∙medium
∙thick
∙length
设置四个边框的颜色,可以设置一到四个颜色。
color
border-left
用于在一个声明中设置左边框的所有属性。
∙border-left-width
border-left-color
设置左边框的颜色。
border-left-style
设置左边框的样式。
border-left-width
设置左边框的宽度。
border-right
将所有用于右边框的属性设置于一个声明中。
∙border-right-width
border-right-color
设置右边框的颜色
border-right-style
设置右边框的样式
border-right-width
设置右边框的宽度。
设置四个边框的样式,可以设置一到四个样式。
∙hidden
∙dotted
∙dashed
∙solid
∙double
∙groove
∙ridge
∙inset
∙outset
border-top
将所有用于上边框的属性设置于一个声明中。
∙border-top-width
border-top-color
设置上边框的颜色。
border-top-style
设置上边框的样式。
border-top-width
设置上边框的宽度。
border-width
在一个声明中设置四个边框的宽度,可以设置一到四个值。
CSS文本属性
设置文本颜色。
3
direction
设置文本方向。
∙ltr
∙rtl
letter-spacing
设置字符间距。
∙normal
text-align
对齐元素中的文本。
∙left
∙right
∙center
∙justify
text-decoration
向文本添加修饰。
∙underline
∙overline
∙line-through
∙blink
text-indent
缩进元素中文本的首行。
∙%
text-shadow
∙color
text-transform
控制元素中的字母。
∙capitalize
∙uppercase
∙lowercase
unicode-bidi
∙embed
∙bidi-override
5
white-space
设设置元素中空白的处理方式。
∙pre
∙nowrap
word-spacing
设置字间距。
CSS字体属性(font)
font
作用是将所有针对字体的属性设置在一个声明中。
∙font-style
∙font-variant
∙font-weight
∙font-size/line-height
∙font-family
∙caption
∙icon
∙menu
∙message-box
∙small-caption
∙status-bar
font-family
字体类型名称或者针对某元素的类属族名名称的优先列表。
∙family-name
∙generic-family
font-size
设置字体的尺寸。
∙xx-small
∙x-small
∙small
∙large
∙x-large
∙xx-large
∙smaller
∙larger
font-size-adjust
为元素规定aspect值。
nonenumber
-
font-stretch
收缩或拉伸当前的字体族。
∙wider
∙narrower
∙ultra-condensed
∙extra-condensed
∙condensed
∙semi-condensed
∙semi-expanded
∙expanded
∙extra-expanded
∙ultra-expanded
font-style
设置字体样式。
∙italic
∙oblique
font-variant
以小型小写字体或者正常字体显示文本
∙small-caps
font-weight
设置字体的粗细。
∙bold
∙bolder
∙lighter
∙100
∙200
∙300
∙400
∙500
∙600
∙700
∙800
∙900
CSS外边距属性(margin)
margin
在一个声明中设置外边距属性。
∙margin-top
∙margin-right
∙margin-bottom
∙margin-left
margin-bottom
设置元素的下外边距。
∙auto
margin-left
设置元素的左外边距。
margin-right
设置元素的右外边距。
margin-top
设置元素的上外边距。
CSS内边距属性(padding)
padding
作用是在一个声明中设置元素的内边距属性。
∙padding-top
∙padding-right
∙padding-bottom
∙padding-left
padding-bottom
设置元素的下内边距。
padding-left
设置元
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 中的 CSS 样式 代码 详解