快捷搜索:  汽车  科技

pythonweb前端开发:Python Web全栈之旅12--Web前端 CSS扩展知识点汇总

pythonweb前端开发:Python Web全栈之旅12--Web前端 CSS扩展知识点汇总● 当用户电脑没有安装指定字体时,可以采取下面做法:告诉浏览器该CSS文件,使用的字符编码集是utf-8,必须写到第一行导入另外一个css文件② charset@charset "utf-8";

通过预设值left、right、center、top、bottom可以设置背景图的位置

pythonweb前端开发:Python Web全栈之旅12--Web前端 CSS扩展知识点汇总(1)


4、@-rule

at-rule: @规则、@语句、CSS语句、CSS指令

① import

@import "路径";

导入另外一个css文件

② charset

@charset "utf-8";

告诉浏览器该CSS文件,使用的字符编码集是utf-8,必须写到第一行

pythonweb前端开发:Python Web全栈之旅12--Web前端 CSS扩展知识点汇总(2)


5、web字体和图标

● 当用户电脑没有安装指定字体时,可以采取下面做法:

pythonweb前端开发:Python Web全栈之旅12--Web前端 CSS扩展知识点汇总(3)


● 字体图标

阿里巴巴字体图标库 https://www.iconfont.cn/

如何使用(先登录):

① 将选择的字体图标加入购物车

pythonweb前端开发:Python Web全栈之旅12--Web前端 CSS扩展知识点汇总(4)


② 在购物车中将字体图标添加到项目(没有则新建一个)中

pythonweb前端开发:Python Web全栈之旅12--Web前端 CSS扩展知识点汇总(5)

猜您喜欢: