• CSS中属性的详细运用(新手必看)


    =不同的浏览器有不同的默认字体大小font-size

    这里以谷歌浏览器为准字体大小为10px   (其他浏览器是12px)

    1.这里强调一个备注:属性继承

    a 是特殊的,要改变a里面的颜色,必须在它后边直接给a设置,给a的父级设置是没有用的

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

    2.哪些属性可以继承?

    例如:  color(字体颜色) font 这一列的也会继承(font-size,font-style,font-family,font-weight)

    这里讲一个新的选择器,继续在上次说的六个选择器中加一个(标签名 ,id,class,后代,子代,交集)

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

    3. background 背景

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

    背景图片:background-images:url( 括号里面的是图片的路径);   简写:background:url(   )

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

    背景图片平铺有哪些

    (1):平铺(浏览器默认的就是平铺)

    (2):不平铺(no-repeat)

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

    背景大小

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

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

    背景位置 background-position    它是用坐标轴表示的  向下为正, 向右为正数

    背景简写

     

     边框用  border

    border 简写:颜色 粗细   实虚;

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

    剩下的下章再给大家讲~

    下章见

  • 相关阅读:
    flex 弹性盒布局 移动端首页
    less+rem基础使用
    github 本地操作
    git 码云
    react基础知识
    css样式
    uni-app 知识点
    web app
    2019年一半已过,这些大前端技术你都GET了吗?- 下篇
    2019年大前端技术周刊-#31周
  • 原文地址:https://www.cnblogs.com/blankOne/p/9633808.html
Copyright © 2020-2023  润新知