• 贾老师每日小课堂


    1.字体是有大小的,浏览器默认的字体大小是:16px;谷歌浏览器最小字体是10px;其他浏览器为:12px;

    font是可以继承的属性;

    属性继承:明明是父级上设置样式,结果后代标签也跟着发生变化,这就叫属性继承

    哪些属性可以继承?

    color 字体颜色

    font系列也会继承 font-size   字体大小; font-style  字体样式; font-family   字体形状; font-weight  字体粗细;

    2.选择器

    通配符选择器   *·······所有的标签

    我们已知的选择器:标签选择器·······id选择器··········class选择器·············子代选择器············后代选择器··········交集选择器和通配符选择器

    3.background 背景

     

    (1).背景颜色  简写backgroundred

     

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

     

    备注  标签请求外面资源 有三种属性  href  src  url;Ie9以下给body设置background-color 不起作用,需要用bgcolor才可以对其背景颜色进行设置

    (2).背景平铺

    我们在给网页设置背景时,可以选择平铺(background-repeat),不平铺(background-peat:no-repeat;),平铺x轴(background-repeat:repeat-x;)和平铺y轴(background-repeat:repeat-y)

    (3).背景大小

    background-size(背景大小)是个属性值:可以对其大小进行具体设置;例如:(background-size:100px   100px;)(注释:第一个代表横向长度,第二个代表纵向高度)

    也可以采用 自适应(background-size:auto)自适应的图片大小由body大小决定。

    (4).背景位置

    背景的位置background-position  也是坐标轴 向下为正 向右为正数

    可以通过数字background-position:(100px   100px),英文background-position:(top  left),百分比background-position:(50%  50%);进行背景位置的设置。

    (5).背景缩写

    body(background:#ffffff url:image:(‘tree.jpg’)       repeat        top left)

     

                                           颜色                               图片                                                       平铺                                 位置             可以进行统一设置省去不必要的步骤

    4.边框

    边框的缩写border:blue   1px      solid

                                       颜色    粗细  线框实虚

     边框圆角  border-radius:(具体数值或百分比)

     

  • 相关阅读:
    ES6模块开发+单文件组件
    Vue路由学习
    Vuex学习
    Vue组件
    Vue事件处理
    Git下载前后端代码步骤
    小黑记事本
    简单计算器
    ubuntu的基础命令
    拓扑排序以及求解关键路径
  • 原文地址:https://www.cnblogs.com/jialaoshizaixianjiaoxue/p/9636876.html
Copyright © 2020-2023  润新知