图标(其本质为文字,样式按文字编辑来)
首先介绍一个网站,阿里巴巴矢量图标库,链接为https://www.iconfont.cn/,我们来看下他的页面
在这个网站中,我们可以找到常用网站及平常经常使用的图标,当我们使用时,新建一个项目,将需要的图标加到项目中,统一下载到本地,在文件夹中,会看到一个html文件,如下图
里面就是使用教程
图标引用有三种引入方式:
- unicode引用
- font-class引用
- symbol引用
前两种引用方式有些古板,可以换颜色,但古板,最后一种是彩色,但兼容性差。
是不感觉很惊喜,不用抠图了唉
想知道这个高亮显示文字咋出来的吗?
用mark双标签框住就可以。
iframes标签
当我们想在设计的页面插入其它网页时,就可以用iframes,他是个行内标签,想了解可以看下这个https://www.w3school.com.cn/tags/tag_iframe.asp
不大好用,很少用。
语义化标签
他们的层级关系如下:
div<section<article<header=nav=aside=footer
也就是说在header,nav,aside,footer中可以插入article,section,div标签。所谓语义化,就是让看代码的人比较容易看懂,实际用处没什么。想了解的话,可以去w3school。
w3school
简单介绍一下,这个网站就是前端开发者的天堂,里面包含着关于前端开发的种种,想要查什么,或者学习前端可以去看下。