关于css

144 阅读2分钟

1.当行级块元素与背景之间存在换行距离时,应设为block元素(例如搜索框与按钮之 间的缝隙、图片与背景色之间的缝隙等)

2.行级块元素居中: text-aline:center 块级元素居中:margin:0px auto

3.分别设置float 或设置为行级块元素 以保证左右两块级元素能在一行的左右侧

4.划过显示的属性应

隐藏时对其设置display:none
显示时从其父元素找到该元素并设置display:block

5.为a标签设置宽高时 要将其改为块元素

6.三角图标 可通过块级元素边框的透明与否来体现

图为下三角:

7.对三角形进行动画设置

8.icofont图标设置为i标签即可

9.设置定位后才能对该元素近视left top等的调整

10.float 和 position:absolute 都会使元素释放空间

11.最外层元素通常设置为100%宽度

12.元素垂直居中:line height=height

13.无序列表前的默认实心圆更改:list-style-type:

14.标签的下划线更改: text-decoration:

15.last/first child:

(1)一定要有一个父元素
(2)这个元素必须是父元素的最后一个(第一个)子元素

16.外边距合并(并列关系) 只给一个元素加上外边距

17.外边距合并(嵌套关系)

    (1)给父元素加overflow:hidden
    (2)给父元素或子元素加绝对定位 position: absolute
    (3)给父元素或子元素加浮动 float
    (4)给父元素加边框

18.元素浮动后 造成的塌陷问题

  (1)给父元素设置高度
  (2)给父元素设置溢出隐藏 overflow:hidden
  (3)在父元素里的最后面加一个空的子元素(块级元素),并且给这个子元素设置清除浮动 clear:both
  (4)增加伪元素 设置clearfix
  关于clearfix
  .clearfix::after{
    content: ""; /* 设置内容 */
    display: block;/* 设置为块元素 */
    clear: both;/* 清除浮动 */
    }