1.CSS（层叠样式表）

2.CSS语法

　　　　选择器{

　　　　　　　　属性名1：属性值1；

　　　　　　　　属性名2：属性值2；

　　　　　}

3.引用CSS的三种方式

　　　　第一种：行内样式

　　　　　　　　例：<a style="color:red;">内部样式</a>

　　　　第二种：内部样式

　　　　　　　　在head标签中，写入style标签.

　　　　　　　　例：

　　　　　　　　　　<head>

　　　　　　　　　　　　　　.......

　　　　　　　　　　　　　　<style type="text/css">

　　　　　　　　　　　　　　　　　　h1{

　　　　　　　　　　　　　　　　　　　　.........

　　　　　　　　　　　　　　　　　　}

　　　　　　　　　　　　　　</style>

　　　　　　　　　　</head>

　　　　第三种：外部样式

　　　　　　　　使用步骤：

　　　　　　　　　　　　a)创建一个以.css为后缀的文件(css文件)

　　　　　　　　　　　　b)在html中通过link引入css文件

　　　　　　　　　　　　　　　　<link rel="stylesheet" href="css文件路径"/>

4.基本选择器

　　　　4.1 标签选择器

　　　　　　　　标签名{}

　　　　4.2 类选择器

　　　　　　　　.class属性值{}

　　　　4.3 id选择器

　　　　　　　　#id属性值{}

5.层次选择器

　　　　5.1 后代选择器

　　　　　　　　父元素 子元素{}

　　　　5.2 子选择器

　　　　　　　　父元素>子元素{}

　　　　5.3 相邻兄弟选择器

　　　　　　　本元素+相邻兄弟元素{}

　　　　5.4 通用兄弟选择器

　　　　　　　本元素~兄弟元素{}

6.结构伪类选择器

　　　　E F:first-child{} 　　　//第一个子元素

　　　　E F:last-child{} 　　　//最后一个子元素

　　　　E F:nth-child(?){} 　　// ?表示第几个子元素,还可以使odd奇数，even偶数

　　　　E F:first-of-type{}　　//指定类型的第一个元素

　　　　E F:last-of-type{}　　//指定类型的最后一个元素

　　　　E F:nth-of-type(?){}   //?表示指定类型第几个子元素

注意:

　　　　E F:nth-child(n)在父级里从一个元素开始查找，不分类型.

　　　　E F:nth-of-type(n)在父级里先看类型，再看位置.

7. 属性选择器

　　　　E[attr] //具有属性attr的元素

　　　　E[attr=val] //属性attr的值是val的元素

　　　　E[attr^=val] //属性attr的值以val开头的元素

　　　　E[attr$=val] //属性attr的值以val结尾的元素

　　　　E[attr*=val] //属性attr的值包含val的元素

HTML编辑笔记4的更多相关文章

  1. django 新闻编辑笔记

    url(r'^news_manage/edit/$',views.news_edit,name='edit') url配置 <a href="/management/news_mana ...

  2. HTML编辑笔记1

    1.编写html ①新建一个记事本(以.html结尾) ②右击选择打开方式为文档 ③编写内容 ④用浏览器查看内容 2.html编写格式 <html> <head></he ...

  3. >HTML编辑笔记2

    1.列表 ①无序列表 <ul> <li>XXX</li> <li>XXX</li> </ul> ②有序列表 <ol> ...

  4. HTML编辑笔记3

    表单 1.语法 <form method="get|post" action="数据向哪提交的地址"> //表单内容 </form> 2 ...

  5. 3.2 配置构建Angular应用——简单的笔记存储应用

    本节我们会通过构建一个简单的笔记存储应用(可以载入并修改一组简单的笔记)来学习如何应用Angular的特性.这个应用用到的特性有: 在JSON文件中存储笔记 展示.创建.修改和删除笔记 在笔记中使用M ...

  6. 【转】寻找最好的笔记软件:三强篇(EverNote、Mybase、Surfulater) (v1.0) (

    原文网址:http://blog.sina.com.cn/s/blog_46dac66f01000b57.html 寻找最好的笔记软件:三强篇(EverNote.Mybase.Surfulater) ...

  7. 笔记软件:三强篇EverNote、Mybase、Surfulater

    通过上一篇<寻找最好的笔记软件:海选篇>的综合分析,作者发现有3种软件具有较明显的优势,可谓“笔记软件三强”.它们是:EverNote.Mybase 和 Surfulater.此三者相同之 ...

  8. 3.2.1 配置构建Angular应用——简单的笔记存储应用——展示功能

    本节我们会通过构建一个简单的笔记存储应用(可以载入并修改一组简单的笔记)来学习如何应用Angular的特性.这个应用用到的特性有: 在JSON文件中存储笔记 展示.创建.修改和删除笔记 在笔记中使用M ...

  9. VNote: 一个舒适的Markdown笔记软件

    Update: 支持macOSYunpan Update 2: 写在VNote半周岁 QQ群(487756074) Markdown标记语言一直是许多程序员的最爱.目前,有许多优秀的Markdown编 ...

随机推荐

  1. Asp.net core 学习笔记 ( Web Api )

    asp.net core 把之前的 webapi 和 mvc 做了结合. mvc 既是 api. 但是后呢,又发现, api 确实有独到之处,所以又开了一些补助的方法. namespace Proje ...

  2. （转）C# Delegate.Invoke、Delegate.BeginInvoke

    Delegate的Invoke.BeginInvoke 1.Delegate.Invoke (委托同步调用) a.委托的Invoke方法,在当前线程中执行委托. b.委托执行时阻塞当前线程,知道委托执 ...

  3. Linux中怎么通过PID号找到对应的进程名及所在目录

    有时候通过top命令可以看到有个别进程占用的内存比较大,但是top无法直接查看到进程名以及进程所在的目录.所以我们可以通过以下方法来定位. 首先需要知道PID号,可以通过top命令获取. ps -au ...

  4. English trip M1 - PC1 Are you a Model? 你是模特吗？ Teacher:Taylor

    In this lesson you will learn to talk about jobs. 课上内容(Lesson) What's your partner name? Her name is ...

  5. ionic this.navCtrl.push()和this.navCtrl.pop()

    在ionic中,this.navCtrl.push()和this.navCtrl.pop()都是进行页面跳转,但是用法又有区别 例如有A  B  C三个页面,三个页面都是使用this.navCtrl. ...

  6. LeetCode--231--2的幂函

    问题描述: 给定一个整数,编写一个函数来判断它是否是 2 的幂次方. 示例 1: 输入: 1 输出: true 解释: 2 0  = 1 示例 2: 输入: 16 输出: true 解释: 2 4   ...

  7. RMQ 解决区间查询问题

    线段树写法不管,比较灵活.这里主要讨论DP实现. 其实单纯说RMQ解决的是区间最值查询是不准确的,只要满足一个区间的信息可以从它的覆盖区间获得(即[L,R]<=[L,r],[l,R] (l< ...

  8. Apache Hadoop Operations at Scale

    book: Hadoop Operations,A Guide for Developers and Administrators Apache Hadoop Operations at Scale ...

  9. HTML页面的三种弹框方式

    1.弹出警告框,带确定按钮:alert 2.弹出,选择框 有确认和取消按钮 confirm 3. 弹出,输入框 : prompt

  10. 05 爬虫之scrapy

    一 scrapy框架简介 01 什么是scrapy: Scrapy是一个为了爬取网站数据,提取结构性数据而编写的应用框架,非常出名,非常强悍.所谓的框架就是一个已经被集成了各种功能(高性能异步下载,队 ...