代码笔记7

第四章  初识css

　　　　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.3id选择器

　　　　　　　　　　　　#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  在父级里先看类型，在看位置

　　　　7.属性选择器

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

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

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

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

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

posted @ 2017-11-04 16:03  高冷黄色袜子小王子  阅读(92)  评论(0)    收藏  举报