工作日志

一.学习总结

CSS

层叠（级联）样式表 (Cascading Style Sheets，缩写为 CSS），是一种 样式表语言

网页三要素:

HTML标签决定页面上元素的基本结构
CSS 用于设置HTML元素的样式
JavaScript 用于控制页面上的行为

CSS 规则由两个主要的部分构成：

选择器

一条或多条声明。

css的用法:

内部样式:

在 HTML 文档中，通过 style 元素来嵌入CSS样式。

内联样式:

通过元素的 style 属性（attribute）来指定的样式被称作内联样式 (也有人称作 行内样式 。

外部样式表:

需要应用于很多页面时，可以选择外部样式表。****

@import 用于从其他样式表导入样式规则

样式优先级：内联样式 > 内部样式 和 外部样式

选择器

标记(标签)选择器：标记选择器 也称作 标签选择器

class选择器：class 选择器 也称作 class 选择符

属性选择器：属性选择器 也称作 属性选择符

ID选择器：网页标签ID与ID选择器同名时，可以选择用这个。

伪类：网页元素的各种状态

后代选择器：又称为包含选择器:空格即代表是后代

子元素选择器：直接子标签适用此样式

注：子代选择器和后代选择器不同在于，只能出现在当前容器下的子元素受用，不出现隔代继承。

css属性

元素尺寸：

宽度：width

高度：height

边框

元素的边框包括粗细 、样式 、颜色 等属性

1.四周边框

2.顶部边框

3.底部边框

4.左侧边框

5.右侧边框

6.圆角边框

二.心得体会

​ 本节课我们主要学习了css的选择器和属性，发现它的主要作用是对前端页面的布局进行美化，我们可以通过学习css对网页进行简单的美化，希望在后面的实训中，可以掌握更多有关css的知识，提高自己的操作水平和实践能力。