最新CSS3常用属性大全Word格式.docx

1、border-bottom-style /设置下边框的样式。border-bottom-width /设置下边框的宽度。border-color /设置四条边框的颜色。border-left /在一个声明中设置所有的左边框属性。border-left-color /设置左边框的颜色。border-left-style /设置左边框的样式。border-left-width /设置左边框的宽度。border-right /在一个声明中设置所有的右边框属性。border-right-color /设置右边框的颜色。border-right-style /设置右边框的样式。border-right-

2、width /设置右边框的宽度。border-style /设置四条边框的样式。border-top /在一个声明中设置所有的上边框属性。border-top-color /设置上边框的颜色。border-top-style /设置上边框的样式。border-top-width /设置上边框的宽度。border-width /设置四条边框的宽度。outline /在一个声明中设置所有的轮廓属性。outline-color /设置轮廓的颜色。outline-style /设置轮廓的样式。outline-width /设置轮廓的宽度。border-bottom-left-radius /定义边框左

3、下角的形状。border-bottom-right-radius /定义边框右下角的形状。border-image /简写属性，设置所有 border-image-* 属性。border-image-outset /规定边框图像区域超出边框的量。border-image-repeat /图像边框是否应平铺（repeated）、铺满（rounded）或拉伸（stretched）。border-image-slice /规定图像边框的向内偏移。border-image-source /规定用作边框的图片。border-image-width /规定图片边框的宽度。border-radius /简写

4、属性，设置所有四个 border-*-radius 属性。border-top-left-radius /定义边框左上角的形状。border-top-right-radius /定义边框右下角的形状。box-decoration-break /box-shadow /向方框添加一个或多个阴影。Box 属性overflow-x /如果内容溢出了元素内容区域，是否对内容的左/右边缘进行裁剪。overflow-y /如果内容溢出了元素内容区域，是否对内容的上/下边缘进行裁剪。overflow-style /规定溢出元素的首选滚动方法。Rotation /围绕由 rotation-point 属性定义

5、的点对元素进行旋转。rotation-point /定义距离上左边框边缘的偏移点。Color 属性color-profile /允许使用源的颜色配置文件的默认以外的规范。opacity /规定书签的级别。rendering-intent /允许使用颜色配置文件渲染意图的默认以外的规范。Content for Paged Media 属性bookmark-label /规定书签的标记。bookmark-level /规定书签的级别。bookmark-target /规定书签链接的目标。float-offset /将元素放在 float 属性通常放置的位置的相反方向。hyphenate-after

6、 /规定连字单词中连字符之后的最小字符数。hyphenate-before /规定连字单词中连字符之前的最小字符数。hyphenate-character /规定当发生断字时显示的字符串。hyphenate-lines /指示元素中连续断字连线的最大数。hyphenate-resource /规定帮助浏览器确定断字点的外部资源（逗号分隔的列表）。hyphens /设置如何对单词进行拆分，以改善段落的布局。image-resolution /规定图像的正确分辨率。marks /向文档添加裁切标记或十字标记。string-set /CSS 尺寸属性（Dimension）height /设置元素高度

7、。max-height /设置元素的最大高度。max-width /设置元素的最大宽度。min-height /设置元素的最小高度。min-width /设置元素的最小宽度。width /设置元素的宽度。可伸缩框属性（Flexible Box）box-align /规定如何对齐框的子元素。box-direction /规定框的子元素的显示方向。box-flex /规定框的子元素是否可伸缩。box-flex-group /将可伸缩元素分配到柔性分组。box-lines /规定当超出父元素框的空间时，是否换行显示。box-ordinal-group /规定框的子元素的显示次序。box-orient

8、 /规定框的子元素是否应水平或垂直排列。box-pack /规定水平框中的水平位置或者垂直框中的垂直位置。CSS 字体属性（Font）font /在一个声明中设置所有字体属性。font-family /规定文本的字体系列。font-size /规定文本的字体尺寸。font-size-adjust /为元素规定 aspect 值。font-stretch /收缩或拉伸当前的字体系列。font-style /规定文本的字体样式。font-variant /规定是否以小型大写字母的字体显示文本。font-weight /规定字体的粗细。内容生成（Generated Content）content /

9、与 :before 以及 :after 伪元素配合使用，来插入生成内容。counter-increment /递增或递减一个或多个计数器。counter-reset /创建或重置一个或多个计数器。quotes /设置嵌套引用的引号类型。crop /允许被替换元素仅仅是对象的矩形区域，而不是整个对象。move-to /从流中删除元素，然后在文档中后面的点上重新插入。page-policy /确定元素基于页面的 occurrence 应用于计数器还是字符串值。Grid 属性grid-columns /规定网格中每个列的宽度。grid-rows /规定网格中每个列的高度。Hyperlink 属性ta

10、rget /简写属性，设置target-name、target-new以及target-position属性。target-name /规定在何处打开链接（链接的目标）。target-new /规定目标链接在新窗口还是在已有窗口的新标签页中打开。target-position /规定在何处放置新的目标链接。CSS 列表属性（List）list-style /在一个声明中设置所有的列表属性。list-style-image /将图象设置为列表项标记。list-style-position /设置列表项标记的放置位置。list-style-type /设置列表项标记的类型。marker-offse

11、t /设置或检索标记容器和主容器之间水平补白。即两个容器靠近的一边的间距。CSS 外边距属性（Margin）margin /在一个声明中设置所有外边距属性。margin-bottom /设置元素的下外边距。margin-left /设置元素的左外边距。margin-right /设置元素的右外边距。margin-top /设置元素的上外边距。Marquee 属性marquee-direction /设置移动内容的方向。marquee-play-count /设置内容移动多少次。marquee-speed /设置内容滚动得多快。marquee-style /设置移动内容的样式。多列属性（Mult

12、i-column）column-count /规定元素应该被分隔的列数。column-fill /规定如何填充列。column-gap /规定列之间的间隔。column-rule /设置所有 column-rule-* 属性的简写属性。column-rule-color /规定列之间规则的颜色。column-rule-style /规定列之间规则的样式。column-rule-width /规定列之间规则的宽度。column-span /规定元素应该横跨的列数。column-width /规定列的宽度。columns /规定设置 column-width 和 column-count 的简写属

13、性。CSS 内边距属性（Padding）padding /在一个声明中设置所有内边距属性。padding-bottom /设置元素的下内边距。padding-left /设置元素的左内边距。padding-right /设置元素的右内边距。padding-top /设置元素的上内边距。Paged Media 属性fit /示意如何对width和height属性均不是auto的被替换元素进行缩放。fit-position /定义盒内对象的对齐方式。image-orientation /规定用户代理应用于图像的顺时针方向旋转。page /规定元素应该被显示的页面特定类型。size /规定页面内容包

14、含框的尺寸和方向。CSS 定位属性（Positioning）bottom /设置定位元素下外边距边界与其包含块下边界之间的偏移。clear /规定元素的哪一侧不允许其他浮动元素。clip /剪裁绝对定位元素。cursor /规定要显示的光标的类型（形状）。display /规定元素应该生成的框的类型。float /规定框是否应该浮动。left /设置定位元素左外边距边界与其包含块左边界之间的偏移。overflow /规定当内容溢出元素框时发生的事情。position /规定元素的定位类型。right /设置定位元素右外边距边界与其包含块右边界之间的偏移。top /设置定位元素的上外边距边界与其

15、包含块上边界之间的偏移。vertical-align /设置元素的垂直对齐方式。visibility /规定元素是否可见。z-index /设置元素的堆叠顺序。CSS 打印属性（Print）orphans /设置当元素内部发生分页时必须在页面底部保留的最少行数。page-break-after /设置元素后的分页行为。page-break-before /设置元素前的分页行为。page-break-inside /设置元素内部的分页行为。widows /设置当元素内部发生分页时必须在页面顶部保留的最少行数。CSS 表格属性（Table）border-collapse /规定是否合并表格边框。b

16、order-spacing /规定相邻单元格边框之间的距离。caption-side /规定表格标题的位置。empty-cells /规定是否显示表格中的空单元格上的边框和背景。table-layout /设置用于表格的布局算法。CSS 文本属性（Text）color /设置文本的颜色。direction /规定文本的方向 / 书写方向。letter-spacing /设置字符间距。line-height /设置行高。text-align /规定文本的水平对齐方式。text-decoration /规定添加到文本的装饰效果。text-indent /规定文本块首行的缩进。text-shadow

17、 /规定添加到文本的阴影效果。text-transform /控制文本的大小写。unicode-bidi /设置文本方向。white-space /规定如何处理元素中的空白。word-spacing /设置单词间距。hanging-punctuation /规定标点字符是否位于线框之外。punctuation-trim /规定是否对标点字符进行修剪。text-align-last /设置如何对齐最后一行或紧挨着强制换行符之前的行。text-emphasis /向元素的文本应用重点标记以及重点标记的前景色。text-justify /规定当 text-align 设置为 justify 时所使用

18、的对齐方法。text-outline /规定文本的轮廓。text-overflow /规定当文本溢出包含元素时发生的事情。text-shadow /向文本添加阴影。text-wrap /规定文本的换行规则。word-break /规定非中日韩文本的换行规则。word-wrap /允许对长的不可分割的单词进行分割并换行到下一行。2D/3D 转换属性（Transform）transform /向元素应用 2D 或 3D 转换。transform-origin /允许你改变被转换元素的位置。transform-style /规定被嵌套元素如何在 3D 空间中显示。自制饰品一反传统的饰品消费模式，引导

19、的是一种全新的饰品文化，所以非常容易被我们年轻的女生接受。perspective /规定 3D 元素的透视效果。perspective-origin /规定 3D 元素的底部位置。在现代文化影响下，当今大学生对新鲜事物是最为敏感的群体，他们最渴望为社会主流承认又最喜欢标新立异，他们追随时尚，同时也在制造时尚。“DIY自制饰品”已成为一种时尚的生活方式和态度。在“DIY自制饰品”过程中实现自己的个性化追求，这在年轻的学生一代中尤为突出。“DIY自制饰品”的形式多种多样，对于动手能力强的学生来说更受欢迎。backface-visibility /定义元素在不面对屏幕时是否可见。（一）对“漂亮女生”

20、饰品店的分析过渡属性（Transition）transition /简写属性，用于在一个属性中 设置四个过渡属性。transition-property /规定应用过渡的 CSS 属性的名称。transition-duration /定义过渡效果花费的时间。10、如果学校开设一家DIY手工艺制品店，你希望transition-timing-function /规定过渡效果的时间曲线。（三）DIY手工艺品的“自助化”transition-delay /规定过渡效果何时开始。用户界面属性（User-interface）创新是时下非常流行的一个词，确实创新能力是相当重要的特别是对我们这种经营时尚饰品

21、的小店，更应该勇于创新。在这方面我们是很欠缺的，故我们在小店经营的时候会遇到些困难，不过我们会克服困难，努力创新，把我们的小店经营好。appearance /允许您将元素设置为标准用户界面元素的外观8-4情境因素与消费者行为 2004年3月20日box-sizing /允许您以确切的方式定义适应某个区域的具体内容。大学生的消费是多种多样，丰富多彩的。除食品外，很大一部分开支都用于。服饰，娱乐，小饰品等。女生都比较偏爱小饰品之类的消费。女生天性爱美，对小饰品爱不释手，因为饰品所展现的魅力，女人因饰品而妩媚动人，亮丽。据美国商务部调查资料显示女人占据消费市场最大分额，随社会越发展，物质越丰富，女性

22、的时尚美丽消费也越来越激烈。因此也为饰品业创造了无限的商机。 据调查统计，有50% 的同学曾经购买过DIY饰品，有90% 的同学表示若在学校附近开设一家DIY手工艺制品，会去光顾。我们认为：我校区的女生就占了80%。相信开饰品店也是个不错的创业方针。icon /为创作者提供使用图标化等价物来设置元素样式的能力。上海市劳动和社会保障局所辖的“促进就业基金”，还专门为大学生创业提供担保，贷款最高上限达到万元。nav-down /规定在使用 arrow-down 导航键时向何处导航。nav-index /设置元素的 tab 键控制次序。nav-left /规定在使用 arrow-left 导航键时向何处导航。nav-right /规定在使用 arrow-right 导航键时向何处导航。nav-up /规定在使用 arrow-up 导航键时向何处导航。outline-offset /对轮廓进行偏移，并在超出边框边缘的位置绘制轮廓。resize /规定是否可由用户对元素的尺寸进行调整。