前端基础一天笔记.pptx

CSS基本入门第一天-DAY03

课程内容什么是CSSCSS样式规则CSS样式的引入方式字体样式属性CSS的基本选择器（重点）

1.1HTML的局限性课程信息课程时长：5分钟课程名称：HTML的局限性.avi课程详情能够按照你想要的效果编写代码去改变任何标签的样式！

1.2CSS网页的美容师课程信息课程时长：4分钟课程名称：CSS作用以及初识.avi课程详情CSS主要就是用来美化网页的

1.3行内样式表课程信息课程时长：9分钟课程名称：行内样式表.avi课程详情CSS行内样式的书写方式标签名style=“样式属性:值;”

1.4内部样式表课程信息课程时长：10分钟课程名称：内部样式表.avi问答与练习CSS内部样式的书写方式style/style

1.5外部样式表（结构样式分离）课程信息课程时长：7分钟课程名称：外部样式表（结构样式分离）.avi问答与练习CSS外部样式的书写方式1.先创建一个CSS文件style.css,注意，css文件里面就不需要写style标签了2.引入css，linkrel=“stylesheets”href=“css文件路径/*.css”type=“text/css”

1.7外部样式表（样式共享）课程信息课程时长：4分钟课程名称：05-外部样式表（样式共享）.avi问答与练习

2.1样式表总结以及代码约定*课程信息课程时长：6分钟课程名称：样式表总结以及代码约定.avi

2.2总结CSS样式规则*课程信息课程时长：2分钟课程名称：总结CSS样式规则.avi问答与练习1.选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。2.属性和属性值以“键值对”的形式出现。属性：值;3.属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。4.属性和属性值之间用英文“:”连接。

2.3CSS选择器作用课程信息课程时长：6分钟课程名称：CSS选择器作用.avi问答与练习就是找人的一个过程

3.1标签选择器课程信息课程时长：5分钟课程名称：标签选择器.avi问答与练习通过标签名叫标签选择器：使用标签名做为选择器的名字选中的是页面上某一类的标签

3.2体验类选择器课程信息课程时长：6分钟课程名称：体验类选择器.avi问答与练习1、类选择器的写法.类名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}在标签上使用class=“类名”2、类选择器最大的优势是可以为元素定义单独或相同的样式。将拥有这个类名的所有元素加上css样式类选择器可以多次使用

3.3谷歌课堂案例课程信息课程时长：5分钟课程名称：谷歌课堂案例.avi问答与练习类选择器和标签选择器的搭配使用

3.4多类名选择器课程信息课程时长：6分钟课程名称：多类名选择器.avi问答与练习1、样式显示效果跟HTML元素中的类名先后顺序没有关系,受css样式书写的上下顺序有关。2、各个类名中间用空格隔开。

3.5体验ID选择器课程信息课程时长：5分钟课程名称：体验ID选择器.avi问答与练习1、id选择器id属性是唯一的，id的名称也是唯一，不能重复使用#id名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}2、元素的id值是唯一的，只能对应于文档中某一个具体的元素。将拥有这个id名的唯一元素加上css样式id选择器和类选择器之间的区别是什么?Class可以重复id不可以重复

3.6通配符选择器课程信息课程时长：2分钟课程名称：通配符选择器.avi问答与练习1、通配符选择器：选中的是所有的的标签*{属性1:属性值1;属性2:属性值2;属性3:属性值3;}2、缺点：性能太低。一般情况不建议使用，或者直接不用。

3.7基础选择器总结课程信息课程时长：3分钟课程名称：基础选择器总结.avi

4.1font-size字号课程信息课程时长：5分钟课程名称：font-size字号.avi问答与练习1、font-size：20px；2、单位：px（像素），em（字体尺寸）1em=一个字的大小3、font-family：“微软雅黑”“MicrosoftYaHei”Arial

4.2font-family字体课程信息课程时长：5分钟课程名称：font-family字体.avi答与练习font-family设置时：中文字体需要加英文状态下的引号，英文字体一般不需要加引号。

4.3Unicode字体编码课程信息课程时长：3分钟课程名称：Unicode字体.avi问答与练习常用：宋体和微软雅黑扩展：浏览器f12console–escape（“宋体”）命令用来查看Unicode字符编码unescape