今天通过青训营课程复习了一下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是行高(两行之间的距离加一行字体的高度)