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 背景填充

  • 相关阅读:
    Eclipse配置Maven的本地仓库和阿里云镜像 加速Maven更新
    layui弹出层基础参数
    鼠标悬停设置layui tips提示框
    Java实现文本中的关键字高亮,匹配所有长度
    获取指定格式的系统时间
    截取过长的字符,多余的字符将由省略号代替
    身份证处理方法(15转18,出生日期隐藏)
    layDate面板出现红色花纹图案
    layer单选框 radio的问题总结
    Android--多线程之Handler
  • 原文地址:https://www.cnblogs.com/1301694f/p/8110408.html
Copyright © 2011-2022 走看看