css的属性有哪些

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

一、字体属性:font)

大小 font-size:x-large;特大) xx-small;极小) 一般中文用不到,只要用数值就可以,单位:PX、PD

样式 font-style:oblique;偏斜体) italic;斜体) normal;正常)

行高 line-height:normal;正常) 单位:PX、PD、EM

粗细 font-weight:bold;粗体) lighter;细体) normal;正常)

变体font-variant: small-caps;小型大写字母) normal;正常)

大小写text-transform: capitalize;首字母大写) uppercase;大写) lowercase;小写) none;无)

修饰text-decoration: underline;下划线) overline;上划线) line-through;删除线) blink;闪烁)

二、背景属性: background)

色彩background-color:#FFFFFF;

图片background-image:url);

重复background-repeat:no-repeat;

滚动background-attachment:fixed;固定) scroll;滚动)

位置background-position:left水平) top垂直);

简写方法 background:#000url..) repeat fixed left top;

三、区块属性: Block)

字间距letter-spacing:normal; 数值

对齐text-align:justify;两端对齐) left;左对齐) right;右对齐) center;居中)

缩进text-indent: 数值px;

垂直对齐vertical-align:baseline;基线) sub;下标) super;下标) top; text-top; middle;bottom; text-bottom;

词间距word-spacing:normal; 数值

空格white-space:pre;保留) nowrap;不换行)

显示display:block;块) inline;内嵌) list-item;列表项) run-in;追加部分) compact;

紧凑) marker;标记) table; inline-table;table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group;table-column; table-cell; table-caption;表格标题)

四、方框属性: Box)

width:; height:; float:; clear:both; margin:; padding:; 顺序:上右下左

五、边框属性: Border)

border-style: dotted;点线) dashed;虚线) solid; double;双线) groove;槽线) ridge;脊状) inset;凹陷) outset;

border-width:; 边框宽度

border-color:#;

简写方法border:width style color;

六、列表属性: List-style)

类型list-style-type: disc;圆点) circle;圆圈) square;方块) decimal;数字) lower-roman;小罗码数字) upper-roman;lower-alpha; upper-alpha;

位置list-style-position:outside;外) inside;

图像list-style-image:url..);

七、定位属性: Position)

Position: absolute; relative; static;

visibility: inherit; visible; hidden;

overflow: visible; hidden; scroll; auto;

clip: rect12px,auto,12px,auto) 裁切)

八、CSS符号属性:

list-style-type:none; /*不编号*/

list-style-type:decimal; /*阿拉伯数字*/

list-style-type:lower-roman; /*小写罗马数字*/

list-style-type:upper-roman; /*大写罗马数字*/

list-style-type:lower-alpha; /*小写英文字母*/

list-style-type:upper-alpha; /*大写英文字母*/

list-style-type:disc; /*实心圆形符号*/

list-style-type:circle; /*空心圆形符号*/

list-style-type:square; /*实心方形符号*/

list-style-image:url/dot.gif); /*图片式符号*/

list-style-position: outside; /*凸排*/

list-style-position:inside; /*缩进*/

九、CSS连接属性:

a /*所有超链接*/

a:link /*超链接文字格式*/

a:visited /*浏览过的链接文字格式*/

a:active /*按下链接的格式*/

a:hover /*鼠标转到链接*/

推荐学习:css视频教程

以上就是css的属性有哪些的详细内容,更多请关注风君子博客其它相关文章!

Published by

风君子

独自遨游何稽首 揭天掀地慰生平