青训营笔记打卡day1

目录

[toc]

前端基础入门

html

标签

仅列举常用的几个标签

• a : 超链接标签，属性href可以指定跳转的页面，target指定跳转是新开页还是本页跳转
• img : 图片元素，src指定图片地址，alt指定图片提示
• text : 文本标签，标签内写文本内容
• div ：块标签，独占一块，可包含其他元素,作划分区块用，是使用率极高的html标签
• p ：行内标签，不可包含块标签，只能包含行内标签（行内元素：h1~h5,img,table）

css

选择器

• 类选择器：.类名{ }的格式，用于选定指定类名（class属性）的标签。
• id选择器：#id名{ }的各式，用于选定指定id名（id属性）的标签。值得注意的是一个html文件里，每个id值都是唯一的，不存在两个元素里id属性的值相同的情况
• 标签选择器：标签名{ }的格式，用于选定指定一种元素（例如h1{}选定全部的h1、img{}选定全部的img元素）的标签。

组合选择器

• 交集选择器(中间没有任何间隔，紧挨)；.A.B{},选择的是既是A类又是B类的元素
• 并集选择器(以,分隔)：.A,.B{},选择的是A类或者B类的元素
• 后代选择器(以空格分隔)：.A .B{},选择的是A类元素里包含最外层的B类元素
• 子元素选择器(以大于号分隔 >）：.A>.B{},选择的是A类元素里包含所有的B类元素
• 相邻兄弟选择器（以加号分隔 +）：.A+.B{},选择的是与A类紧邻的第一个B类元素
• 后续兄弟选择器（以破折号分隔 ）：.A.B{},选择的是A类后文的全部B类元素

心得

回顾了前端的html、css相关知识，发现很多html标签都可以用div+css来代替，比如aside、body、head等标签。css里组合选择器由于不常使用，所以此次我又复习了一遍