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、<b></b>:文本加粗,bold的缩写

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

    3、<small></small>:  用于表示小字号

    4、<i></i>  :文本斜体表示,是单词italic的缩写,主要用于显示专业词汇

    5、<em></em>  :倾斜标签,主要为了强调内容本身

    6、<u></u>: 下划线标签,underline的缩写

    7、<sup></sup>  :上角标

    8、<sub></sub>  :下标

    9、<span> </span> : 改变字体的颜色

    10、<font></font>  :设置字体的颜色和大小

9.列表

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

    无序列表:一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记,始于 <ul> 标签。每个列表项始于 <li>,列表项内部可以使用段落、换行符、图片、链接以及其他列表

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

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

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,

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342

推荐阅读更多精彩内容

  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 3,827评论 0 0
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,099评论 0 0
  • CSS 指层叠样式表(Cascading Style Sheets),是一种用来为结构化文档(如 HTML 文档或...
    神齐阅读 2,073评论 0 14
  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 10,849评论 6 13
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,220评论 1 41