前端学习笔记 2017年9月11日

这博客仅仅当作学习笔记,文笔不好,就直接记录最真实的学习历程吧!刚开始学习,决定用知友推荐的Head First入门~

知识点:

1. H5中声明HTML类型用

2. <meta charset="utf-8">编码格式一般用utf-8,用gbk也没关系,但是在[w3c代码验证](https://validator.w3.org/#validate_by_upload%20%E2%80%9C%E4%BB%A3%E7%A0%81%E9%AA%8C%E8%AF%81%E2%80%9D) 上会报出警告。没有声明文档类型连编译都通不过,所以要写符合工业标准的代码就养成加上这些标签的习惯吧!虽然在页面显示上一般不会有什么区别。

4. 一定要在<head>元素中包含一个<title>元素,<head>元素中只能放<title><meta><style>元素

5. 不允许在<img>等void元素中嵌套其他内联元素

6. 尽量在<img>元素中加上alt属性(图片无法显示时会用此文字代替)

7. padding-bottom和text-decoration:underline两种方式都可以为文字设置下划线,前一种下划线一直延伸到整个盒模型两端,且可以通过设置padding值来调整下划线跟文字的距离;第二种紧贴着文字,和文字成一个整体,文字到哪结束它就到哪结束,类似word中的下划线

8. ***.css">链接到外部样式表,新版本中type="text/css"可省略。

9. `@font-face{ font-family:"bole";src:url("bole.ttf")}` 用这语句添加外部字体,在样式表中添加,之后就可以直接引用名字了。用网络字体时最好准备一种大部分设备都能识别的字体作备用字体

你可能感兴趣的:(前端学习笔记 2017年9月11日)