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

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

知识点:

1. H5中声明HTML类型用<!doctype=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. <link type="text/css" rel="stylesheet" href="***.css">链接到外部样式表,新版本中type="text/css"可省略。

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值