好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css的属性有哪些

css属性有:1、字体属性,font;2、 背景属性 ,background;3、区块属性,block;4、方框属性,box;5、边框属性,border;6、列表属性,list -s tyle;8、定位属性,pos IT ion等。

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

一、字体属性:(font)

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

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

行高 line-h ei ght:normal;(正常) 单位:PX、PD、EM

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

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

大小写text -t ransform: capitalize;( 首字母大写 ) up PE rcase;(大写) lowercase;(小写) none;(无)

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

二、背景属性: (background)

色彩background-color: # FFFFFF;

图片background -i mage:url();

重复background-repeat:no-repeat;

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

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

简写方法 background:#000url( .. ) repeat fixed left to p;

三、区块属性: (Block)

字间距letter-spacing:normal; 数值

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

缩进text-indent: 数值px;

垂直对齐vert ical -align:baseline;(基线) s ub ;( 下标 ) super;(下标) top; text-top; middle;bottom; text-bottom;

词间距word-spacing:normal; 数值

空格white-space: PR e;(保留) nowrap;(不换行)

显示dis play :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; mar gin :; 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- rom an;(小罗码数字) upper-roman;lower-alpha; upper-alpha;

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

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

七、定位属性: (Position)

Position: absolute; relative; stat ic;

visibility: inherit; visible; hidden;

overflow: visible; hidden; scroll; auto;

clip: rect(12px,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的属性有 哪些 的详细内容,更多请关注其它相关 文章 !

总结

以上是 为你收集整理的 css的属性有哪些 全部内容,希望文章能够帮你解决 css的属性有哪些 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于css的属性有哪些的详细内容...

  阅读:18次