css样式里常用代码 包括哪些

html-css09

css样式里常用代码 包括哪些,第1张

font-size:12px/*文字大小*/

color:#CCCCCC/*文字颜色*/

font-family:Arial,

Helvetica,

sans-serif/*设置字体*/

font-weight:bold/*文字加粗*/

text-align:center/*DIV标签内部水平方向居中或居左右*/

text-decoration:underline/*下划线*/

line-height:150%/*行高*/

margin:10px

0

5px

0/*容器外部边距*/

margin-top:10px

padding:10px

0

5px

0/*容器内部边距*/

float:left/*1.仅在做列的结构才用

2.用了float要用父DIV包起来*/

background-color:#999999/*背景颜色*/

background-image:url(images/test.gif)/*背景图片*/

background-repeat:no-repeat/*背景图片不平铺*/

background-position:5px

10px/*背景图片的位置,第一个为横坐标,第二个为纵坐标*/

list-style-type:none/*消除ul无序列表li前面的小黑点*/

display:block/*以块形式显示,通常用于链接中实现鼠标划过的效果*/

display:inline/*当用了float时做靠边的DIV外边距出现翻倍情况时才使用,针对的是IE6的一个bug*/

border:1px

solid

#ccc/*表格、DIV、LI、A等容器的边框属性,虚线是dashed*/

overflow:hidden/*溢出部分隐藏*/

overflow:auto/*自动判断容器高度,从而选择自动出现/隐藏垂直滚动条*/

/*自动适应高度,并且兼容火狐的做法*/

clear:both

overflow:hidden

css样式采取的就近样式原则。

行内样式<div style=""></div>优先级最高,没有行内样式那么会回在页答面找<style></style>内嵌样式。

名称CSS中的“层叠(cascading)”表示样式单规则应用于HTML文档元素的方式。具体地说,CSS样式单中的样式形成一个层次结构,更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定,从而实现级联效果。

扩展资料:

易于使用和修改:

CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表可以将所有的样式声明统一存放,进行统一管理。

另外,可以将相同样式的元素进行归类,使用同一个样式进行定义,也可以将某个样式应用到所有同名的HTML标签中。

参考资料来源:百度百科-CSS