list-style-type属性(CSS设置)
list-style-type属性
list-style-type,是指在CSS中,不管是有序列表还是无序列表,都统一使用list-style-type属性来定义列表项符号。
CSS设置
1.文字的水平居中
将一段文字置于容器的水平中点,只需设置text-align特点即可:
text-align:center;
2.容器的水平居中
先为该容器设置一个清晰宽度,然后将margin的水平值设为auto即可。
div#container{
width:760px;
margin:0auto;
}
3.文字的笔直居中
单行文字的笔直居中,只需将行高与容器高设为持平即可。
比如,容器中有一行数字。
1234567890
然后CSS这样写:
div#container{height:35px;line-height:35px;}
如果有n行文字,那么将行高设为容器高度的n分之一即可。
4.容器的笔直居中
比如,有一大一小两个容器,请问怎么将小容器笔直居中?
首先,将大容器的定位为relative。
div#big{
position:relative;
height:480px;
}
然后,将小容器定位为absolute,再将它的左上角沿y轴下移50%,最终将它margin-top上移本身高度的50%即可。
div#small{
position:absolute;
top:50%;
height:240px;
margin-top:-120px;
}
使用同样的思路,也能够做出水平居中的作用。
5.图片宽度的自适应
怎么使得较大的图片,能够主动适应小容器的宽度?CSS能够这样写:
img{max-width:100%}
可是IE6不支持max-width,所以遇到IE6时,使用IE条件注释,将句子改写为:
img{width:100%}
6.3D按钮
要使按钮具有3D作用,只需将它的左上部边框设为淡色,右下部边框设为深色即可。
div#button{
background:#888;
border:1pxsolid;
border-color:#999#777#777#999;
}
7.font特点的方便写法
font方便写法的格式为:
body{
font:font-stylefont-variantfont-weightfont-sizeline-heightfont-family;
}
所以,
body{
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:normal;
font-variant:small-caps;
font-style:italic;
line-height:150%;
}
能够被写成:
body{
font:italicsmall-capsnormal13px/150%Arial,Helvetica,sans-serif;
}
8.link状况的设置次序
link的四种状况,需要按照下面的前后次序进行设置:
a:link
a:visited
a:hover
a:active
9.IE条件注释
你能够利用条件注释,设置只对IE发生作用的句子:
还能够区分各种不同的IE版本:
作品标签: CSS
优秀作品:
评论列表(共190人参与)参与讨论或分享设计作品获得视觉癖积分奖励
设置 关于注册会员
2021-09-27 14:29:14
8.你那么温顺走两步风都会甜一点 9.云边有个小卖部货架推着岁月和夕阳 10yle="text-align: center;">
回复多为白色注册会员
2021-09-27 14:38:32
内效果图的画游客
2021-09-27 14:18:32
游客92919:list-style-type属;人世没有温情搀扶,她会萧萧落木。爱白叟和小孩吧,像爱自己一样! 舒畅,H型取舍,上身很舒适又不挑人穿,豆沙色是那么的温柔甜美减龄又时尚,不管是单穿还是内搭都妥妥的,上身超有爱,软萌萌的感觉,带给你满满的少女感,羊绒磨毛针织妙
回复种视频表注册会员
2021-09-27 5:35:33
的水平中点,只需设置text-align特点即可: text-al 17、齐心协力,再创辉煌,勇争冠军,实力无限 18、热爱生命,珍爱运动。 19、齐心协力,
回复