P18块元素与行内元素(内联元素)
块元素与行内元素区别(这张表要记在心):
常见块级元素:
常见行内元素(内联元素):
行内块级元素(特点:不换行,能够识别宽高)
P19HTML5新增标签
div:
H5新标签
1.<header></header>头部
2.<nav></nav>导航
3.<section></section>定义文档中的节,比如章节,页眉,页脚
4.<aside></aside>侧边栏
5.<footer></footer>脚部
6.<article></article>
介绍
P20-CSS简介
CSS概念:CSS层叠样式表,又叫级联样式表,简称样式表。
css文件后缀名为.css
css用于HTML文档中元素样式的定义。
语法:css规则由两个主要的部分构成:选择器,以及一条或多条声明(样式)
选择器通常是您需要改变样式的HTML元素
每条声明由一个属性和一个值组成
属性是你希望设置的样式属性。每个属性有一个值,值和属性被冒号隔开。
P21css的引入方式
内联样式:![](https://i-blog.csdnimg.cn/blog_migrate/a87dbd06938f7b4f3a0776bd20ce18ad.png)
内部样式:
外部样式(推荐):
样式需要应用很多页面时,选外部样式表。每个页面用<link>标签链接到样式表。<link>标签在文档头部
P22-选择器一
css语法规则由两个主要部分构成:选择器,以及一条或多条声明(样式)
全局选择器:可以与任何元素匹配,优先级最低,一般做样式初始化。
元素选择器:
HTML 文档中的元素,p、b、div、a、img等,都为标签选择器,选择的是页面上所有这种类型的标签。
注:
类选择器:
规定用圆点来定义,针对你想要的所有标签使用
同个标签可以使用多个类选择器。用空格隔开
P23-选择器二
ID选择器:
id是唯一的,每个id只能使用一次。
合并选择器:
选择器的优先级:
P24-字体属性
css字体属性定义字体,颜色,大小,加粗,文字样式
color:规定文本的颜色
font-size:设置文本的大小
font-weight:设置文本的粗细
font-style:指定文本的字体样式
font-family:此属性指定一个元素的字体
P25-背景属性
css背景属性主要有以下几个:
background-color属性:设置背景颜色
background-image属性:设置元素的背景图像
(div是块级元素,上下排列)
background-repeat属性:该属性设置如何平铺背景图像
background-size属性:该属性设置背景图像大小