热门关键字:
jquery > jquery教程 > div+css > DIV+CSS布局及注意问题!

DIV+CSS布局及注意问题!

927
作者:管理员
发布时间:2020/5/19 11:53:29
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=1681
DIV+CSS布局及注意问题!
DIV+CSS布局及注意问题!
在css处开头加入
*{margin:0;
pading:0;
border:0;
(分别表示网页内所有元素的外边距、内边距及边框为0。)
当用css定义链接的各种状态时,要注意书写的顺序即::link :visited :hover :active利用首字母:L V H A,你可以通过记忆LoVe,Hate,两个单词来记住其顺序。
:link --------链接的颜色
:visited -----鼠标点击后的颜色
:hover -------鼠标放上去未点的颜色(悬停)
:active-------鼠标点击瞬间的颜色
将伪类和类组合起来用,就可以在同一个页面中做几组不同的链接效果了,例如,我们定义一组链接为红色,访问后为蓝色;另一组为绿色,访问后为黄色:
a.red:link {color: #FF0000}
a.red:visited {color: #0000FF}
a.blue:link {color: #00FF00}
a.blue:visited {color: #FF00FF}
当我们定义a{color:red;}时,它代表了A的四种状态的样式,如果此时要定义一个鼠标放上的状态只要定义a:hover就可以了,其它三种状态就是A中所定义的样式。只定义了一个a:link时,一定要记得把其它三种状态定义出来!
DIV+CSS布局及注意问题!
DIV+CSS布局及注意问题!
使用规则和注意事项
块级---可定义宽高,另起独占一行 (如:div ul)
内联---不可定义宽高,如文本元素 (如a span)
position:absolute;
绝对定位,他是参照浏览器的左上角,配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位,在没有设定TRBL,默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性,那么当前的absolute则以浏览器左上角为原始点进行定位,位置将由TRBL决定。
position:relative;
绝对相对定位,他是参照父级的原始点为原始点,无父级则以BODY的原始点为原始点,配合TRBL进行定位,当父级内有padding等CSS属性时,当前级的原始点则参照父级内容区的原始点进行定位。
display:none和visibility:hidden都可以隐藏一个元素,但visibility:hidden只是隐藏了元素的内容,但其使用的位置空间仍然被保留。而display:none则相当把元素从页面中去除,其占用位置也将被删除。
background-image:url(背景图案.jpg,gif,bmp);
background-color:#FFFFFF; (背景颜色)
background-color : transparent; <--设定背景为透明色 –>
background-repeat 改变背景图片的重复并排的设定
(1)颜色:使用颜色的英文名称或者16进制代码,如
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }
(2)字体大小,直接使用"font+字体大小"作为名称,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }
(3)对齐样式,使用对齐目标的英文名称,如
.left { float:left;
.bottom { float:bottom; }




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:html
友荐云推荐