一、head标签重点

<head>

    <meta charset="utf-8">

    <title>第二天课</title>

    <!--页面关键字-->

    <meta name="keywords" content="护士，教师，空姐">

    <!--页面描述-->

    <meta name="description" content="各种服饰应有尽有">

    <!--页面刷新-->

    <meta http-equiv="refresh" content="3;url=https://www.baidu.com/">

</head>

二、字符实体
&lt;——小于
&gt;——大于
&nbsp;——空格

三、常见文本标签
<b>——粗体
<u>——下划线
<i>——斜体
<del>——删除线
<strong>——强调（粗体）

四、锚点标签

<body>

    <h3 id="top"></h3>

    <a href="#one">第一章</a>

    <a href="#two">第二章</a>

    <h4 id="one">第一章</h4>

    <p style="width: 600px;height: 400px;background-color: blue;"></p>

    <h4 id="two">第二章</h4>

    <p style="width: 600px;height: 400px;background-color:yellow;"></p>

    <a href="#top">返回</a>

</body>

五、表格基础
1、跨行：rowspan
2、跨列：colspan
3、表格标题：<caption>
4、表格头部：<th>
5、行与列：<tr><td>

六、样式选择器

1、ID选择器

<head>

<style>

#one{color:red;}

</style>

</head>

<body>

<label id="one">样例1</label>

</body>

2、Class选择器

<head>

<style>

.one{color:red;}

</style>

</head>

<body>

<label class="one">样例2</label>

</body>

3、标签选择器

<head>

<style>

p{color:red;}

</style>

</head>

 <body>

<p>样例3</p>

</body>

七、样式位置

1、外链样式

1）style.css

#one{color:red;}

.one{color:yellow;}

p{color:blue;}

2）index.html

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <link href="./style.css" rel="stylesheet" type="text/css">

    </head>

    <body>

        <input id="one">

        <input class="one">

        <p></p>

    </body>

</html>

2、内置head标签中

<head>

<style>

#one{color:red;}

</style>

</head>

<body>

<label id="one">样例1</label>

</body>

3、关系选择器

<style>

    ul li{color:pink;}    /*(包含)后代选择器*/

    ul>li{color:balck;} /*父子选择器*/

    ol+li{color:red;}    /*相邻选择器（向下相邻）*/

    ol~li{color:blue}    /*兄弟选择器(向下的兄弟)*/

</style>

<body>

    <ul>

        <li>111</li>

        <li>222</li>

        <ol>

            <li>aaa</li>

            <li>bbb</li>

            <li>ccc</li>

        </ol>

        <li>444</li>

        <li>555</li>

        <li>666</li>

    </ul>

</body>

4、选择器优先级

标签内style > ID选择器 > 类选择器 >标签选择器 > 标签原有选择器

待补充……

基础Html重点——防健忘的更多相关文章

  1. python全栈开发中级班全程笔记（第二模块）第 二 部分：函数基础（重点）

    python学习笔记第二模块         第二部分    :    函数(重点) 一.函数的作用.定义 以及语法 1.函数的作用 2.函数的语法和定义 函数:来源于数学,但是在编程中,函数这个概念 ...

  2. python 基础部分重点复习整理2

    把这里的题目争取刷一遍 博客记录 python的ORM框架peewee SQLAlchemy psycopg2 Django 在1 的基础上,重点突出自己以前没注意的,做到精而不杂!!! Python ...

  3. python 基础部分重点复习整理--从意识那天开始进阶--已结

    pythonic 风格编码 入门python好博客 进阶大纲 有趣的灵魂 老齐的教程 老齐还整理了很多精华 听说 fluent python + pro python 这两本书还不错! 元组三种遍历, ...

  4. 《JavaScript核心概念》基础部分重点摘录

    注:<JavaScript核心概念>适合深入了解JavaScript,比我买的<JavaScript框架设计>语言和内容丰富多了(可能是我水平尚浅吧). 1. 作用域 var ...

  5. 学习html/css基础的重点笔记

    1.权重问题 内联样式表 > id选择符 > class选择符 > 类型选择符(所有html标签名称) 内联样式表 > 内部样式表.外部样式表 内部样式表.外部样式表的权重与书 ...

  6. python基础 --- 难点重点

    循环嵌套 # 打印九九乘法表 for row in range(1,10): # 行与列相乘 for col in range(1,row+1): print(col,'*',row,'=',row ...

  7. linux基础-基本命令的讲解(1-7单元）

    基本命令的讲解 主要内容介绍 1.LINUX操作系统安装及初始化配置(熟悉):2.LINUX操作系统目录组成结构及文件级增删改查操作(重点):3.LINUX操作系统用户.权限管理(重点):4.开源软件 ...

  8. C#基础知识梳理索引

    C#基础知识梳理索引 一 引子 之前曾写了一篇随笔<.NET平台技术体系梳理+初学者学习路径推荐+我们的愿景与目标> 三个月过去了,目标使更多的编程初学者,轻松高效地掌握C#开发的基础,重 ...

  9. Day3---------网络基础和DOS命令

    一.网络分类 1.地理位置 1).局域网(LAN) 2).城域网(MAN) 3).广域网(WAN) 2.传输介质 1).有线网 2).光纤网 3).无线网 3.层--------设备 传输层----- ...

随机推荐

  1. C#LeetCode刷题之#160-相交链表（Intersection of Two Linked Lists）

    问题 该文章的最新版本已迁移至个人博客[比特飞],单击链接 https://www.byteflying.com/archives/3824 访问. 编写一个程序,找到两个单链表相交的起始节点. 例如 ...

  2. golang 中的struct理解

    golang实验代码 package main import("fmt") type Stu struct{ name string age int } func (stu *St ...

  3. 基于.NetCore3.1系列 —— 日志记录之自定义日志组件

    一.前言 回顾:日志记录之日志核心要素揭秘 在上一篇中,我们通过学习了解在.net core 中内置的日志记录中的几大核心要素,在日志工厂记录器(ILoggerFactory)中实现将日志记录提供器( ...

  4. QUIC协议详解之Initial包的处理

    从服务器发起请求开始追踪,细说数据包在 QUIC 协议中经历的每一步.大量实例代码展示,简明易懂了解 QUIC. 前言 本文介绍了在 QUIC 服务器在收到 QUIC 客户端发起的第一个 UDP 请求 ...

  5. noip复习——线性筛(欧拉筛)

    整数的唯一分解定理: \(\forall A\in \mathbb {N} ,\,A>1\quad \exists \prod\limits _{i=1}^{s}p_{i}^{a_{i}}=A\ ...

  6. 金题大战Vol.0 B、序列

    金题大战Vol.0 B.序列 题目描述 给定两个长度为 \(n\) 的序列\(a\), \(b\). 你需要选择一个区间\([l,r]\),使得\(a_l+-+a_r>=0\)且\(b_l+-+ ...

  7. 《Java从入门到失业》第一章：计算机基础知识（二）：计算机组成及基本原理

    1.2计算机组成及基本原理 1.2.1硬件组成 这里说的计算机主要指微型计算机,俗称电脑.一般我们见到的有台式机.笔记本等,另外智能手机.平板也算.有了一台计算机,我们就能做很多事情了,比如我在写这篇 ...

  8. Html5与CSS3(选择器)

    <!-- 作者:offline 时间:2018-03-21 描述:1.全选择器 *{属性1:属性值2:属性2:属性值2:...:} 2.元素(标签)选择器 标签名{属性1:属性值2:属性2:属性 ...

  9. 面试官最爱的 volatile 关键字，这些问题你都搞懂了没？

    前言 volatile相关的知识点,在面试过程中,属于基础问题,是必须要掌握的知识点,如果回答不上来会严重扣分的哦. volatile关键字基本介绍 volatile可以看成是synchronized ...

  10. Typescript node starter 2.Router Middleware

    Router 路由器对象是中间件和路由的一个独立实例.可以将它视为一个“迷你应用程序”,仅能够执行中间件和路由功能.每个Express应用程序都有一个内置的应用程序路由器. 路由器的行为类似于中间件本 ...