首页 > Web开发 > 详细

Web-9月12日笔记

时间:2018-10-16 13:27:11      阅读:179      评论:0      收藏:0      [点我收藏+]

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

浏览器默认字体大小是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>

Web-9月12日笔记

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!