CSS核心基础--CSS基础选择器 CSS选择器 什么是CSS选择器？ CSS基础选择器 01 CSS基础选择器 要想将CSS样式应用于特定的HTML元素，首先需要找到该目标元素。在CSS中，执行这一任务的样式规则部分被称为选择器。 CSS基础选择器 基础选择器： 针对一类标签 标签选择器 针对某一个特定的标签使用 ID选择器 针对你想要的所有标签使用 类选择器 针对所有的标签都适用（不建议使用） 通用选择器（通配符） CSS基础选择器编写 02 CSS基础选择器编写 标签选择器：选择器的名字代表html页面上的标签 标签选择器，选择的是页面上所有这种类型的标签，所以经常描述“共性”，无法描述某一个元素的“个性”。

css

CSS基础选择器编写 ID选择器：规定用#来定义（名字自定义） 针对某一个特定的标签来使用，只能使用一次。css中的ID选择器以”#”来定义。 通过CSS改变视频宽高 总结

CSS核心基础--CSS样式规则 CSS样式 如果希望网页美观、大方，并且升级轻松、维护方便，就需要使用CSS，实现结构与表现的分离。 CSS样式 在HTML编写过程中我们除了应用基本的标签元素还会使用css样式来丰富界面使之有不同的呈现效果。 未设置css样式 设置css样式 单击此处添加副标题内容 CSS样式规则 01 CSS样式规则 CSS 代码规范还是有存在的必要的，尤其是在团队配合，多人协作下，规范就显得尤为重要。 图1-1 属性的书写形式 02 属性的书写形式 在上面图1-1中： 1.选择器用于指定CSS样式作用的HTML对象。花括号内是对该对象设置的其体样式。 2.属性和属性值以“键值对”的形式出现， 3.属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等， 4.属性和属性值之间用英文”:”连接 5.多个“键值对”之间用英文”;”进行区分 总结 03 通过CSS样式简介了解 CSS样式是什么 通过CSS样式规则简介了解 CSS样式规则 了解掌握属性的书写形式 总结 小任务 要求： 1、规范使用CSS样式规则实现如下图样式： 感 谢 聆 听 BUSENESS ACT

CSS高级特性--CSS优先级 CSS优先级 01 CSS优先级 网页制作时，对统一元素，应用不同的背景，会出现什么情况？ 思考 background-color:pink; background-color:blue; background-color:red; 【结论】 定义CSS样式时，经常出现两个或更多规则应用在同一元素上，这时就会出现优先级的问题。 CSS优先级 来看一个例子：

文本的颜色

p strong{ color:black} /*权重为:1+1*/ strong.blue{ color:green;} /*权重为:1+10*/ .father strong{ color:yellow} /*权重为:10+1*/ p.father strong{ color:orange;} /*权重为:1+10+1*/ p.father .blue{ color:gold;} /*权重为:1+10+10*/ #header strong{ color

datalist 元素 datalist 元素 01 datalist 元素 datalist 元素 datalist元素用于定义输入框的选项列表，列表通过datalist内的option元素进行创建。如果用户不希望从列表中选择某项，也可以自行输入其他内容。 描述 语法格式 datalist 元素 在使用

盒子模型概述--div标记 div标记 01 div标记 （1）