9.18

9.18

学习链接

今日份学习： P10~P34

学习笔记

回顾确实有用。

P10

1. 一个html应只有一个h1标题
2. 粗体斜体的应用 h1~h6
3. 粗体用strong 不用b
4. 斜体用em，不用i

P11

列表元素 ul ol 及li 的使用

P12

学习图片引用

<img src="" alt="" /> 

src 图片地址 alt 图片描述

P13

图片链接 锚元素a

<a href="#">网站描述 </a>

让a元素成为链接的关键是href属性, a:link特指有href的锚元素

P14

html5的新元素
导航 nav
文章结构分为 header article footer

P20 CSS开端

font-size 字体大小
font-family 字体类别
font-style  斜体或者其他形式的显示风格
text - transform :改大小写
text-align :放在行的位置 左中右
line-height 行高

细节的东西上MDN找

P21

多个元素一起设置样式
1.多种元素一起

h1,h2,h3,h4
{
	font-size:14px;
}

2.限定某个元素内的某个元素设置 即后代选择器

h1 p 
{
	font-size:28px;
}

P22

class 与id 的使用
class可以一个类很多元素用，但id只能是单个元素用

P23

color
边界调节 border： 大小 样式 颜色

P24

伪类
元素+冒号

li:first-child  第一个child
li:last-child 最后一个
li:nth-child(第几个) 孩子

适用于所有子元素都相同的情况 如列表

P25

链接的伪类

a:visted	
a:hover 指针悬停
a:link  指定是link的锚点元素 
a:active 
text-decoration-line: underline; 下划线
text-decoration-line: overline; 上划线
text-decoration-line: line-through;中划线

P30

继承 父元素的东西会被子元素继承
cursor ：当停在该元素区域时鼠标的形状

P34 练习挑战