HTML CSS
关注
分享
扫一扫
文章平均质量分 57
OGoodness
宁静致远
展开
-
保姆级图片连载:引用阿里图标
保姆级图片连载:引用阿里图标文章目录保姆级图片连载:引用阿里图标1.创建一个盒子2.打开官网,搜索想要的图标3.加入购物车4.查看购物车5.选择自己创建的文件夹,并点击确定,会自动跳转页面6.然后下载压缩包7.保存压缩包中文件,并修改文件名为font,并复制指定代码!8.将复制代码粘贴到HTML中的style标签中9.创建font类名(设定图标大小,种类)和span标签,并将编码写入标签内10.获取编码11.成功使用!1.创建一个盒子2.打开官网,搜索想要的图标3.加入购物车4.查看购物原创 2022-03-20 17:37:14 · 97 阅读 · 0 评论 -
CSS控制多行文本省略--显示省略号
CSS控制多行文本省略–显示省略号文章目录CSS控制多行文本省略--显示省略号单行文本省略控制多行文本省略初始化一个盒子<body> <div class="box"> 这是一首简单的小情歌,这是一首简单的小情歌,这是一首简单的小情歌 </div></body>/**/<style> .box { width: 200px; border: 2px solid seagreen;原创 2022-03-20 16:09:15 · 724 阅读 · 0 评论 -
CSS怪异盒模型box-sizing:border-box
CSS怪异盒模型box-sizing:border-box文章目录CSS怪异盒模型box-sizing:border-box不设定box-sizing:border-box效果设定box-sizing:border-box效果border-box 告诉浏览器：你想要设置的边框和内边距的值是包含在width内的。1.也就是说，如果你将一个元素的width设为100px，那么这100px会包含它的border和padding，内容区的实际宽度是width减去(border + padding)的值。2原创 2022-03-20 15:36:48 · 747 阅读 · 0 评论 -
HTML+CSS元素水平垂直居中＜6种＞
HTML+CSS 元素水平垂直居中<6种>首先初始化一个盒子<body> <div class="box"></div></body><style> * { margin: 0; padding: 0; } html,body { width: 100%; height: 100%; } .box { width:原创 2022-03-20 11:37:19 · 423 阅读 · 0 评论 -
Web前端HTML CSS细节精炼摘要
浏览器不会解析多余的空格、制表符、换行符<a href=“跳转网址” target="打开页面方式:_self(当前页) | _blank(新标签页) " >单标签<base target="">统一修改页面链接跳转方式img四要素 src width height alt ,赋值不用加单位img中的alt属性:加载出错显示,提供爬虫识别关键字dl>dt+dd自定义列表 :dt默认不会缩进,dd会相对缩进谷歌最小12px,像素设定最好为偶数.原创 2022-03-20 10:23:33 · 913 阅读 · 0 评论