• 盒模型


           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
  • 相关阅读:
    Redis之主从复制原理
    字符编码
    Android studio报错 "No IDEA annotations attached to the JDK 1.8, some issues will not be found" 解决方法
    json
    ajax
    《人月神话》读后感(三)
    Jquery基础
    EL表达式
    Android Studio更改虚拟机位置
    Mybatis之mybatis的介绍
  • 原文地址:https://www.cnblogs.com/syp1/p/5259971.html
Copyright © 2020-2023  润新知