2019-10-11

1.属性选择器

对带有指定属性的 HTML 元素设置样式,还可以为有属性的HTML元素设置样式,且不仅限于 class 和 id 属性。

属性选择器需IE6以上版本浏览器才支持。

2.子元素选择器

找到指定标签中所有特定的直接子元素,然后设置属性

格式(先找到标签名称1的标签,在这个标签中查找所有直接子元素标签名称2的元素): 1>标签名2{属性:值;}

注意:1.子元素选择器只会找子元素,不会查找其他被嵌套标签

2.子元素选择器之前需用>链接,并且不能有间距

3.子元素选择器不仅仅可以用标签名称,还可以用其他选择器

4.子元素选择器可以通过>一直延伸下去

3.兄弟元素选择器

含义:为一个元素后边的所有相同元素设置css样式。

作用:可以选中一个元素后紧挨着的指定的兄弟元素.

格式:选择器名称+选择器名称{属性:值;}

4.否定伪类

以从已经选中的元素中剔除某些元素,用来选择不满足某些条件的元素,它可以过滤掉某些内容

语法:not(选择器){属性:值}

5.样式的继承

简单的说就是将各个HTML标记看作一个个容器,其中被包含的小容器会继承所包含它的大容器的风格样式。

所有的CSS语句都是基于各个标记之间的父子关系。

CSS继承指的是子标记会继承父标记的所有样式风格,并可以在父标记样式风格的基础上再加以修改,产生新的样式,而子标记的样式风格完全不会影响父标记。

6.选择器的优先级

id选择器 > 类class选择器 > 标签选择器

7.a的伪类

分别是:a:link,a:visited,a:hover,a:active

必选按顺序写,否则可能会出错

8.文本标签

1、:文本加粗,bold的缩写    2、< >  :也用于加粗,在h5中这个标签增加了语义,用于表示非常重要的文本

3、:  用于表示小字号      4、  :文本斜体表示,是单词italic的缩写,主要用于显示专业词汇

5、  :倾斜标签,主要为了强调内容本身            6、: 下划线标签,underline的缩写

7、  :上角标        8、  :下标        9、  : 改变字体的颜色            10、  :设置字体的颜色和大小

9.列表

列表支持有序列表,无序列表和定义列表

无序列表:一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记,始于 

 标签。每个列表项始于 

  • ,列表项内部可以使用段落、换行符、图片、链接以及其他列表
  • 有序列表:也是一个项目的列表,列表项目使用数字进行标记,始于 

     标签。每个列表项始于 

  •  标签,列表项内部可以使用段落、换行符、图片、链接以及其他列表等。
  • 定义列表:不仅仅是一列项目,而是项目及其注释的组合,以  标签开始。每个自定义列表项以  开始。每个自定义列表项的定义以  开始,内部可以使用段落、换行符、图片、链接以及其他列表等。

    10.单位

    长度单位一共有八个,分别是:px,em,pt,ex,pc,in,mm,cm.

    em:相对长度单位,相对于当前对象内文本的字体尺寸。ex:相对长度单位,相对于字符“x”的高度。

    pt:点(Point),绝对长度单位。   pc:派卡(Pica),绝对长度单位。相当于我国新四号铅字的尺寸。

    in:英寸(Inch),绝对长度单位。                mm:毫米(Millimeter),绝对长度单位。

    cm:厘米(Centimeter),绝对长度单位。        1in = 2.54cm = 25.4 mm = 72pt = 6pc

    11.颜色

    颜色由红色、绿色、蓝色混合而成。颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB),每种颜色的最小值是0(十六进制:#00),最大值是255(十六进制:#FF),大多数的浏览器都支持颜色名集合,如果需要使用其它的颜色,需要使用十六进制的颜色值。

    大多数的浏览器都支持颜色名集合。

    仅仅有 16 种颜色名被 W3C 的 HTML4.0 标准所支持。它们是:aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。

    ©著作权归作者所有,转载或内容合作请联系作者
    【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
    平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

    相关阅读更多精彩内容

    • 1.属性选择器 对带有指定属性的 HTML 元素设置样式,还可以为有属性的HTML元素设置样式,且不仅限于 cl...
      王林1907阅读 102评论 0 0
    • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
      阿啊阿吖丁阅读 4,898评论 0 0
    • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
      云还灬阅读 1,270评论 0 0
    • CSS 指层叠样式表(Cascading Style Sheets),是一种用来为结构化文档(如 HTML 文档或...
      神齐阅读 2,230评论 0 14
    • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
      庭说阅读 12,226评论 6 13

    友情链接更多精彩内容