zoukankan      html  css  js  c++  java
  • 9.12笔记

    浏览器默认字体大小font-size:16px;谷歌最小字体是10px,其他的是12px;font属性可继承。

    那些属性可以继承?

    (1)color字体颜色

    (2)font(系列也会继承)font-size/style/weight/faily/width

    选择器(标签选择器、class选择器、ID选择器、后代选择器、子代选择器、交集选择器)

    通配符选择器:...*...代表所有的标签

    背景background

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

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

    备注;标签请求外面资源有三种属性:href/src/url

    IE浏览器给body设置,background-color不起作用,需要用bgcolor

    <body bgcolor="red">

    <p>hello</p>

    </body>

    背景图片平铺

    1.浏览器状态下默认平铺

    2.不平铺background-repeat:no-repeat;

    3.只平铺X轴background-repeat:repeat-X;

      只平铺Y轴background-repeat: repeat-Y;

    4.全铺background-size:50%  100%;

    100%代表Y轴上的值、50%代表X轴上的值。

    background-size属性值有哪些写法?

    A、可以设置具体的大小...200px....200px    auto..自适应(一般做属性值)

    B、背景位置background-position:。。。也是坐标轴(向右为正,向下为正){background-position:100px  100px}

    位置的种类:具体数字、百分比、英文单词(top、left、right、center)

    背景简写:background:red(颜色)  url(“‘’”)图片   no-repeat(不平铺) right   top(位置)

    边框border

    border-color:red;(边框颜色)

    border-width:1px;(边框粗细)

    border-style:deshed;(边框样式)

    border-radius:(上面边框宽高的一半);{圆形边框}

    边框简写:border:red   1px   deshed;

    边框圆角border-radius后面的值是具体的数字/百分比。

  • 相关阅读:
    ubuntu+VS code+launch.json+task.json
    C++——运行时类型识别RTTI
    C++——模板
    C++——class类和struct结构体的唯一区别
    C++——右值引用
    C++——智能指针
    身份证号码格式检测
    PHP获取图片主题颜色
    PHP 压缩图片质量
    redis3.2装完后 其它机子访问爆protocol error, got 'n' as reply type byte
  • 原文地址:https://www.cnblogs.com/mo123/p/9636719.html
Copyright © 2011-2022 走看看