zoukankan      html  css  js  c++  java
  • 9.14

    Css有两个性质

    继承性

    层叠性 选择器的一种选择能力,谁的权重大就选谁

    选不中,走继承性,(font color text)继承性的权重有多个父级都设置了这样的样式 走就近原则

    选中

    权重的问题,权重大,就选谁的样式

    权重相同,谁在后选择

    纯标签和类没有可比性,纯类和id也没有可比性。

    3,标准文档流

       浏览器的排版是根据元素的特征(块和行级),从上往下,从左往右排版。这就是标准

    文档流。

    浮动 float:left/right;

    效果:元素都加浮动,后面的元素会紧跟这前面的元素并排排列。

    只要加了float,这个元素就会脱离标准文档流。

    第一个加了float,离了标准文档流,对于浏览器来说,第二个元素就变成了标准文档流中的第一个,于是就会把他排在第一位。而第一个依然存在,所以就会叠加。

    行级加float

    行级元素加了float,脱离标准流,块不像块,行不像行,能设置宽高,能并排排列。

    Display就没有任何意义了。

    浮动的元素会紧紧贴靠在一起

    浮动的元素会文字环绕

    使元素脱离标准流的方法

    浮动 float

    绝对定位position:absolute;

    固定定位position:fixed;    fixed固定的

    浮动带来的坏处

    给元素加了浮动,撑不起父级的高度了

    清除浮动

    给浮动的父元素添加高度

    给父级添加overflow:hidden;

    给浮动元素的后面添加一个空的div 添加样式为clear:both

    给浮动元素的父级添加一个类叫clearfix

     

    伪类选择器

    只要选择器后面带:,都可以说他是伪类选择器

    a:link{}  a:hover{}  a:visited{}  a:active{}  p:after{} p:before{}

     a的四种状态的顺序不能变

    伪元素 和伪类选择器的区别

    伪元素有两个冒号 如p::after{}  伪类选

  • 相关阅读:
    POJ测试数据合集
    POJ1724ROADS
    关闭进程的数据库
    config上传设置
    tfs 撤销挂起的更改
    cn_visual_studio_team_foundation_server_2010_x86_x64_dvd_531909
    js 中文转义
    文件下载乱码
    杀死数据库进程
    Python基础综合练习
  • 原文地址:https://www.cnblogs.com/yang08/p/9708227.html
Copyright © 2011-2022 走看看