zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    Apache配置虚拟主机的三种方法(基于IP、端口、域名)
    shell中嵌套执行expect命令实例(利用expect实现自动登录)
    Shell脚本实现SSH免密登录及批量配置管理
    搭建本地yum源服务器
    awk之腾迅面试题1
    16个tomcat面试题
    tomcat常见面试题1
    Mysql经典面试题
    10个超有趣的linux命令
    Codeforces Beta Round #79 (Div. 2 Only)
  • 原文地址:https://www.cnblogs.com/lovels/p/9634901.html
Copyright © 2011-2022 走看看