知识"/>
小拓展 大知识
1、
<!DOCTYPE html>
这里的doctype是用来声明你是属于哪一类型的文档,这里指的就是html5;
2、
<html lang="en">
lang后面的内容,是为了告诉搜索引擎爬虫,我们的网站是属于什么内容的,方便搜索到我们;
这里的en代表的English,如果是中文就是zh,等等;
3、
有的时候,我们连续写几对标签,例如连续使用几个<img>标签,
如果设置好大小,让图片并排在同一行,就会发现图片之间会有空格;
这是因为img标签是行级块元素(还有行级元素和块级元素,将在另一篇中介绍);
也就是说它带有inline属性值,而带有inline属性值的元素都具有文字特性,
所谓文字特性就是具有文字分隔符,而浏览器不能识别从哪儿分隔,
所以对于图片来说,每张图片后面都会添加一个空格(空格属于文字分隔符);
此时解决的最简单的方法也是最实用的方法就是在编程的时候写成这样
<img src="some url"><img src="some url"><img src="some url">
而不是分段展示成这样
<img src="some url"> <img src="some url"> <img src="some url">
虽然降低了可阅读性,但是确实能有效的解决问题;
4、
line-height属性设置;
有的时候设置元素的宽高以及padding等值的时候,还是不能使元素垂直居中(常用于大按钮里面文字),
这个时候就可以使用line-height等于容器的高度,就可以使元素垂直居中了;
更多推荐
小拓展 大知识
发布评论