zoukankan      html  css  js  c++  java
  • 盒模型

           content (元素自身高度)
                  padding  内边距  (上、右、下、左)  上右
                  border     边框   默认是宽度是3px  颜色是黑色  border-top-style:solid   (dashed  dotted);
                  margin     外边框
     
                 margin:上、右、下、左
                居中   margin:0 auto;     
              父级子级的关系  当一个元素在父级里,给子级使用margin时。
              1在父子级时 用padding代替margin -top,给父级加
               2、给父级加上一个border
               3 overflow:hidden;超出隐藏
             做三角形时,只需要给标签设置一个boder值,三个边框为border:1px solid transparent ;
              另一个边框是1px  solid 颜色; 
             注意:两个div分别有margin-right、margin-left   margin间距为之和
               两个div分别有margin-bottom、margin-top   取两个元素的最大值,  一正一负求其和
     
            blockinlineinline-block  之间的转换   inline-block 支持宽高又独占一行   display:none;这个地方是隐藏,用于js中
            display:block;显示出来
            display:none;   隐藏之后不占据位置
            visibility:hidden;还存在位置  只是不显示
    span 支持左右的paddingmargin的值
     
    margin的影响   borderpadding影响元素的宽高
    a标签详解   hover  active link visited
    第二节
    float: float:left   float:right   给行标签设置也可以设置块级元素   行元素这时候可以使用marginpadding值
    reset.css(自己总结)
    清楚浮动的影响:1、给父级加上一个高度
                                 2、给父级加overflow:hidden
                                 3clear:both  清除浮动  在最后一个元素加上clear:both清除浮动
                 
    <div><div class=“div1”></div><div class=“div2”></div></div>
       overflow属性  visible  auto hidden scroll   overflow-x:hidden  overflow-y:hidden
    clear:
    a标签的伪类
    hack技术 
    relative相对定位  
    相对原来位置发生的位移   位移之后原来的位置还在
    absolute 绝对定位  如果父级有定位元素就根据父级的大小定位,如果父级没有定位,就一级一级的向上找,知道body为止;
                                     绝对定位一般是配合相对定位使用。移动之后位置就没有了
       z-index不能设置负值
     
     
    fixed:固定定位   相对浏览器当前窗口的指定坐标。                       
     
    opacity透明度  opacity:0;  0~1
    filter:alpha(opacity=number)      0~100
  • 相关阅读:
    动态类型
    unlink与close关系
    Google 历年笔试面试30题
    UNIX网络编程 卷2 源代码使用
    centos安装telnet
    python中安装第三方模块
    Linux平台 Oracle 18c RAC安装Part1:准备工作
    RHEL7 配置iSCSI模拟环境
    Solaris 10主机名和IP地址步骤
    设置sqlplus不显示除查询结果外的信息
  • 原文地址:https://www.cnblogs.com/syp1/p/5259971.html
Copyright © 2011-2022 走看看