CSS字体
CSS 字体属性定义文本的字体系列、大小、加粗、风格和变形。
-
font-family
:定义文本的字体系列。在用户代理无法提供与规则匹配的特定字体时,根据属性列表的内容,用户代理会按所列的顺序选择候选字体。
body { font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu }
-
font-style
:定义字体的风格:normal
正常显示,italic
斜体显示。 -
font-variant
:定义文本内容为小型大写字母。 -
font-weight
:设置文本的粗细。 -
font-size
:设置文本的大小。
CSS表格
-
border
:定义表格边框。
border-collapse
:是否将将表格边框折叠为单一边框。 -
width
和height
:分别定义表格的宽度和高度。 -
text-align
和vertical-align
:分别设置表格中文本的水平和垂直对齐方式。 -
padding
:设置表格中内容与边框的距离。 -
border-spacing
:设置分隔单元格边框的距离。 -
color
和background-color
:设置表格的文本和背景颜色。 -
table-layout
:设置表格的布局算法:固定fixed
,自动automatic
。
CSS边框
-
border
:用于把四个边的属性(宽度、样式、颜色)设置在一个声明。 -
border-width
:为元素的所有边框设置宽度。 -
border-style
:设置元素所有边框的样式。 -
border-color
:设置元素的所有边框中可见部分的颜色。 -
border-top
,border-bottom
,border-left
和border-right
:分别把上、下、左、右边框的所有属性设置到一个声明中。 -
border-radius
:设置边框的圆角大小。顺序为:左上角,右上角,右下角,左下角。
CSS边距
-
内边距:在边框和内容区之间。
padding
:定义元素边框与元素内容之间的空白区域。 -
外边距:元素边框外的空白区域。
margin
:在元素外创建空白区域,接受任何长度单位、百分数值甚至负值。
用CSS美化的考试页面
效果图代码:css文件,HTML文件
Reference
W3School的CSS课堂 http://www.w3school.com.cn/css/
网友评论