zoukankan      html  css  js  c++  java
  • CSS基础知识2

    基础知识 2

    1.浏览器

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

    font系列也会继承父代的属性

    2.选择器

    通配符选择器  *(表示所有的标签)

    之前的选择器有标签选择器、id选择器、class选择器、后代选择器、子代选择器、交集选择器。

    3.background背景

    背景颜色:  简写backgroundred

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

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

    Ie9以下给body设置background-color 不起作用 需要用bgcolor

     

    背景图片平铺

    (1)平铺 浏览器默认就平铺

    (2)不平铺 no-repeat

    (3)平铺x轴或ybackground-repeat:repeat-x;

    背景大小   background-size:100%   100%;

    背景属性值的写法 

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

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

    背景简写

    body{background: #ffffff   url("img_tree.png")  no-pepeat  right  top}

                                           颜色              图片                                   平铺              位置

    4.边框 border

    Border简写

     style{

      border:red   2px  dashed;

    }

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

     

  • 相关阅读:
    什么是Flex 布局
    wx.navigateTo、wx.redirectTo和wx.switchTab三种导航方式的区别
    Ajax 工作原理 及 实例
    NodeJS之 Express框架 app.use(express.static)
    Parcel 入门 (一)
    打包工具的介绍
    CSS网页布局
    《拖延心理学》阅读要点
    PHP实现页面静态化
    PHP中的魔术方法
  • 原文地址:https://www.cnblogs.com/qinmengyang/p/q1234.html
Copyright © 2011-2022 走看看