• CSS3-margin,padding,border


    margin  padding  border:

    1.当属性值为0的时候,不需要在后面添加单位

    2.当同时出现top margin以及bottom magin的时候,浏览器应用较大的哪一个

    3.不能在行内元素的上下设置padding以及margin,只能够设置左右

    但img标签是个例外

    4.Css允许给任何元素设计圆角(从左上角开始,顺时针进行),但前提是该元素有背景色或者边框

    5.圆角border-radius:x x x x(左上,右上,右下,左下);x x(左上角右下角,右上角左下角)

    椭圆:border-radius:40px/20px(水平方向/垂直方向)

    圆形:border-radius:40px

    6.属性的前缀:适配不同的浏览器

    -webkit- :chrome,Safari

    -moz- :Firefox

    -o- :Opera

    -ms- :IE

    7.box-shadow:水平偏移量     垂直偏移量      阴影半径     阴影颜色

    还有两个可选项,insert-----第一个值(告诉浏览器将阴影画在方框内部)

    spread----第四个值(添加一个阴影的尺寸)

    8.修改浏览器计算元素的屏幕宽度以及高度:

    box-sizing:border-box -----------------(IE7暂时不支持)会自动调整到适应不同设备的尺寸,当元素的宽度设定为50%的时候,该元素就会占据50%的空间,即使添加了border以及padding也一样

           *{

          -moz-box-sizing:border-box;

          -webkit-box-sizing:border-box;

          box-sizing:border-box;}

    9.使用overflow属性控制溢出文本

    visible:

    scoll:添加滚动条,即使没有超出,滚动条也会出现

    auto:滚动条是可选的,与scoll一样,只是它是在只有需要的时候才会出现

    hidden:掩藏任何超出盒子的那部分内容

    10.使用min-height:要使该元素至少达到某一高度值,如果里面的内容超出了这个高度,则浏览器会使整个元素变高

    11.在浮动元素中,都应该设置元素的宽度

    12.想让边框样式或者背景在遇到浮动元素的时候消失,则需要找到该样式,添加代码overflow:hidden

    13.清除浮动:clear属性会指示元素不要包围浮动项目,清除浮动的时候,本质上是迫使它落到浮动项目的下方

    14.如果只设置了body的背景色,则背景色会填充整个屏幕,但如果不仅body中设置了背景色,html中也设置了,则body的背景色只会填充内容

    给网页添加图片:

    1.background-attachment: scroll--------随文本一块滚动 ; background-attachment: fixed-----固定在一个位置上

  • 相关阅读:
    easyui源码翻译1.32--ValidateBox(验证框)
    easyui源码翻译1.32--TreeGrid(树形表格)
    easyui源码翻译1.32--Tree(树)
    easyui源码翻译1.32--TimeSpinner(时间微调)
    easyui源码翻译1.32--Tabs(选项卡)
    easyui源码翻译1.32--SplitButton(分割按钮)
    easyui源码翻译1.32--Slider(滑动条)
    easyui源码翻译1.32--SearchBox(搜索框)
    广度和深度-活在当下!
    IT人为了家庭和自己请保重自己~活在当下!
  • 原文地址:https://www.cnblogs.com/zhanghuiyun/p/5093239.html
Copyright © 2020-2023  润新知