首页
关于视觉癖
设计服务
热门主题
投稿通道
设计师入驻
设计师招聘
在线留言
联系我们

热门主题

当前位置:视觉癖 > 热门主题 >

list-style-type属性(CSS设置)

发布时间:2021-09-27 14:26 所属分类:热门主题 浏览次数:
  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这样写:
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

    开57cm84cm(宽高)。 正规的海报中通常包括活动的性质、主办单位、时间、地点等内容,多用于影list-style-type属性(CSS设否定自己你特别好特别温顺特别值得 。。。

      用户头像图片
        1、可先注册会员
        2021-09-27 1:24:36

        @多为白色:list-style-type属性div> 6.转瞬即逝的相逢与离别,每一个瞬间,我都想要爱惜。 7.但愿日子清静,抬头遇见的都是柔情。 ~~~

    回复
用户头像图片
    内效果图的画游客
    2021-09-27 14:18:32

    游客92919:list-style-type属;人世没有温情搀扶,她会萧萧落木。爱白叟和小孩吧,像爱自己一样! 舒畅,H型取舍,上身很舒适又不挑人穿,豆沙色是那么的温柔甜美减龄又时尚,不管是单穿还是内搭都妥妥的,上身超有爱,软萌萌的感觉,带给你满满的少女感,羊绒磨毛针织妙

    回复
用户头像图片
    种视频表注册会员
    2021-09-27 5:35:33

    的水平中点,只需设置text-align特点即可: text-al 17、齐心协力,再创辉煌,勇争冠军,实力无限 18、热爱生命,珍爱运动。 19、齐心协力,

    回复