专业IT网络知识平台,分享IT百科知识、生活百科知识解答!

易企推科技
易企推科技

css的属性有哪些

来源:小易整编  作者:小易  发布时间:2024-03-15 07:54
摘要:css属性有:1、字体属性,font;2、背景属性,background;3、区块属性,block;4、方框属性,box;5、边框属性,border;6、列表属性,list-style;8、定位属性,position等。本教程操作环境:wi...

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

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: 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的属性有哪些的详细内容,更多请关注易企推科技其它相关文章!


本文地址:网络知识频道 https://www.hkm168.com/jiqiao/1148024.html,易企推百科一个免费的知识分享平台,本站部分文章来网络分享,本着互联网分享的精神,如有涉及到您的权益,请联系我们删除,谢谢!


网络知识
小编:小易整编

上一篇:win7语言包安装教程

下一篇:css又称什么

相关文章相关阅读
  • c语言的输入函数有哪些

    c语言的输入函数有哪些

    c语言的输入函数有:1、scanf()函数、从标准输入stdin读取格式化输入;2、getchar()函数,从标准输入stdin获取一个字符;3、gets()函数,从标准输入stdin读取一行;4、getch()函数,从stdin流中读取字...

  • 因特网能提供的最基本服务有哪些

    因特网能提供的最基本服务有哪些

    因特网能提供的最基本服务有:1、www服务;2、电子邮件e-mail服务;3、远程登录telnet服务;4、文件传输ftp服务;5、usenet网络新闻组服务;6、电子公告牌服务。本教程操作环境:windows7系统、DellG3电脑。因...

  • 前端开发需要哪些软件

    前端开发需要哪些软件

    编程一般用的软件有:1、hbuilder;2、sublimetext;3、webstorm;4、phpstudy;5、dreamweaver;6、visualstudio;7、phpstorm;8、notepad等等。孔子说,“工欲善其...

  • CSS什么是圣杯布局?

    CSS什么是圣杯布局?

    在css中,圣杯布局是指两边盒子宽度固定,中间盒子自适应的三栏布局,其中,中间栏放到文档流前面,保证先行渲染;三栏全部使用“float:left”浮动,并配合left和right属性。前端的两个经典布局想必大家都有多了解--圣杯布局和双飞翼...

  • Java 中的各种锁有哪些?

    Java 中的各种锁有哪些?

      Java中15种锁的介绍  在读很多并发文章中,会提及各种各样锁如公平锁,乐观锁等等,这篇文章介绍各种锁的分类。介绍的内容如下:  公平锁/非公平锁  可重入锁/不可重入锁  独享锁/共享锁  互斥锁/读写锁  乐观锁...

  • css怎么给table设置样式

    css怎么给table设置样式

    在网页设计中,表格是常用的元素之一。通过表格的使用,我们可以更好地展示信息和数据。然而,在使用表格时,如果不设置样式,页面会显得单调、无趣,也不利于信息的传达。因此,本文将介绍如何使用css对表格进行样式设置。设置表格基本样式我们可以使...

  • java8新特性有哪些

    java8新特性有哪些

    java8新特性有:1、lambda表达式;2、方法引用;3、默认方法;4、新编译工具;5、streamapi;6、datetimeapi;7、option;8、nashornjavascript引擎。Java8新增了非常多的特性...

  • 网络安全相关内容有哪些

    网络安全相关内容有哪些

    网络安全相关内容有:1、网络攻击;2、信息安全;3、防抵赖问题;4、网络内部安全防范;5、网络防病毒;6、网络数据备份与灾难恢复等。一、网络攻击1、对网络的攻击大致可以分为两类:服务供给和非服务攻击。从攻击的手段可以分为8类:系统入侵类攻击...

  • 周排行
  • 月排行
  • 年排行

精彩推荐