今天通过青训营课程复习了一下html,感觉知识理解都有了一个大的提升,也掌握了新知识 ‘datalist’以及’dl’‘dt’‘dd’。
在课程中,我们复习了无序列表和有序列表,还有input的placeholder占位符,range、radio、text和date等类型。 cite是斜体标签;strong是加粗字体标签;blockquote是表示引用的标签。
datalist是放在input标签里的,可以给予用户快捷选择input内容的标签 用法如下
<input list="wajj" type="text">
<datalist id="wajj">
<option>给我青训营机会</option>
<option>有许多好文章</option>
</datalist>
而dl,dt,dd是起到的作用和制表符差不多,都是空出4个占位符。 此标签效果如下:
select和datalist不同的是select不是input类型的子标签,而是一个供选择的选择的文本框,不支持自己手动输入文本。 最后要记录的是前端语言的几大要求:
- 功能
- 美观
- 无障碍
- 安全
- 兼容
- 性能
- 用户体验
选择器
伪类选择器1
如图中第5行^=
意思是选中href中以"#“开头的a标签
第11行$=
意思是选中href中以”.jpg"结尾的a标签
伪类选择器2
伪类的定义:状态伪类、结构伪类等
状态伪类比如有标签所处不同状态不同css样式如:
link(默认状态下)、visited(访问过后的状态)、hover(鼠标移上去后)、active(鼠标摁下去后)四种状态
结构伪类:如first-child(第一个)、last-child(最后一个)
选择器组合
下面是一些css选择器样式, 除此之外如果想要同时选中多个标签可以用,
隔开(即选择器组)
css颜色在这里不过阐述
字体(font-family)
css中斜体是font-style: italic
css中字重(字的粗细)是font-weight
一些字体可以只有(400-normal)(700-bold)两种字重
line-height是行高(两行之间的距离加一行字体的高度)