Web-9月12日笔记

属性继承:明明是在父级上设置样式,结果后代也跟着变化,这就是属性继承。

浏览器默认字体大小是16px/16像素,谷歌最小字体是10px,其他浏览器是12px。

auto(自适应,一般做属性值,可居中)

选择器:   

    通配符选择器:用星号表示(*)   

    标签选择器,class选择器,id选择器,后代选择器,子代选择器,交集选择器

background属性:

      引入外部资源的3种方式: href,src,url

      背景颜色:background-color:red;  简写:backgroun:red;(colo可以省略。)

      背景字体大小:background-size:属性值;    背景位置:background-position:20px   20px/top    left;(可用数值或者百分比表示,也可用英语表示)

      背景图片:background-image:url(图片路径);简写:background:url(图片路径)

      背景平铺:background-repeat:no-repeat/repat-x/repeat-y(不平铺/水平平铺/垂直平铺)

      背景属性总体简写:background:red  url(图片路径) no-repeat   20px  20px  ;(颜色    图片路径    平铺属性    背景位置值)

范例:      

    <!DOCTYPE   html>

    <html>

    <head>

     <meta  charset="UFT-8">

     <title>网页的标题</title>

     <style>

      div{  width:1000px;

           height:500px;

           border:1px  solid   red;       

           background-image:url(图片路径)

           background-color:red;(背景颜色)

           background-position:20px  20px/50%  50%/right   top(第一个数值表示的是图片向水平方向移动,第二个数值表示的是图片向垂直方向移动/百分比是根据父元素的宽和高计算/还可以根据英文来确定背景位置) 

           background-repeat:no-repeat/repeat-x/repeat-y(背景平铺方式:不平铺/水平平铺/垂直平铺)

}

     </style>

    </head>

        <body>

      <div>

         你好,世界

      </div>

        </body>

    </html>

原文地址:https://www.cnblogs.com/lovels/p/9634901.html