zoukankan      html  css  js  c++  java
  • CSS 知识点

    一知识点:


    用法分类:
    1.内联:

    在标签中以属性的形式表现 属性名:style
    样式1:样式值; 样式2:样式值;
    <div style="color: blanchedalmond;">
      这是一个div111
    </div>
    注意:不推荐使用,用于单个标签,优先级最高

    2.内嵌:

    在head标签中以标签的形式表现 标签名 style
    选择器

    3.外部引用:

    在head标签中以标签的形式表现 标签名link
    用来引入一个css文件
    <link rel="stylesheet" href="untitled上午.css">
    项目中最常用
    选择器

    就近原则

    id(值唯一) class(类) name value style

    选择器:把指定的样式应用于某一个、组、类标签上
    1.标签选择器:通过标签名找标签 div{样式}
    2.id选择器:通过id属性值找标签
    关键符号 #id值{样式}
    3.class(类)选择器:通过class属性值找标签
    关键符号 .class{样式}
    4.复合选择器
    并列 关键符号,用法:选择器1,选择器2{样式}
    后代 关键符号 空格,用法 选择器1 (空格) 选择器2{样式}
    筛选 . 用法:选择器class选择器
    属性选择器 语法:选择器[属性名=属性值]{样式}
    5.*通用选择器
    *{
     padding:0px;
     margin:0px;
    }

    伪类的用法:

    标签::link 表示该超链接文字尚未被点选
               :visited 表示该超链接文字已被点选过
               :active 表示该超链接文字正被点选,但未被放开
               :hover 表示当鼠标停留在文字上


    优先级:权值
    1.内联样式 1000
    2.id选择器 100
    3.class选择器 10
    4.标签选择器 1
    5.通用选择器 0


    同一标签中的同一属性 !important 优先选择
    background:背景颜色

    padding(内边框):padding-top(上边距) padding-left(左边距)

    text-align left 文字靠左
    right 文字靠右
    center 文字靠中

    background-size:cover 背景填充

  • 相关阅读:
    关于Maven项目的pom.xml中的依赖或插件失效的解决方法
    java引用数据类型在方法中的值传递
    java匹配http或https的url的正则表达式20180912
    java正则表达式的进阶使用20180912
    java线程池 多线程 搜索包含关键字的文件路径
    魔术球问题
    [SDOI2009]晨跑
    [洛谷P2045]方格取数加强版
    最小路径覆盖问题
    最长不下降子序列问题
  • 原文地址:https://www.cnblogs.com/1301694f/p/8110408.html
Copyright © 2011-2022 走看看