HTML和CSS三天内的问题

2017-06-29  本文已影响0人  8eb783a6b522
day01的问题

html标签的分类:

    a.块标签 (div,p,ul,li,dt,dd,h1~h6)

           居中方式:margin-left:auto;margin-right:auto


   b.内联标签 (a,span,strong)

           居中方式:display:block;text-align:center

 c.内联块标签(    img,input,button)
 
      居中方式:display:block;text-align:center
day02的问题

1.一些术语和单词简写

文本:text-align(文本对齐方式),text-transform(文本变形),text-decoration(文本修饰),text-indent(文本缩进)

字体:font-style,font-family,font-size,font-weight

 link:a:link  未访问的链接

        a:visited  已经访问的链接

        a:hover  移动到链接的一瞬间

        a:active 点击链接的一瞬间

   CSS列表样式   list-style-type:circle|square  

2.简写:

  background:color img repeat  position

  border:border-bottom:1px solid color  (边框大小,虚实线,颜色)

3.table表格的几个问题

table-collapse:collapse(table表格折叠)

跨行 rowspan     跨列 colspan
day03的问题
1.输入框轮廓 outline:none(输入框输入时不变色)

 2.CSS样式的继承: 不理解,待解救。

 3.float浮动对父子元素的影响:
    a.父级没设置高度,它会继承子元素的高度
    b.父级没有设置高度,子级浮动,父级没有高度
    c.父级没有设置高度,子级浮动,给父级设置overflow:hidden,父级就有高度了。

4. 如何清除浮动:

  a.给下面的兄弟元素给clear:both
  b.给父级元素家overflow:hidden
  c.用伪元素给父级内容生成:
     .row:before{display:table;content:"";}

     .row:after{disply:table;content:"";clear:both;}
上一篇下一篇

猜你喜欢

热点阅读