![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 86
一位不愿透露姓名的赵先生
你认我做大哥,我教你理毛寸
展开
-
CSS设置文本超出显示省略号
之前设置超出显示省略号使用js做的,CSS也可以, width:100px; border:1px solid black; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 下边三行必须设置上才能生效,white-space属性: 指定元素内的空白怎样处理。...原创 2019-12-27 22:48:38 · 459 阅读 · 0 评论 -
CSS中@font-face引入字体库
网上看到了一款漂亮的字体,搜了半天,找到了文件,使用时候,就是不显示,然后搜了一下类似问题,最后解决了,,没错,就是这个汉仪锦昌体下载下来之后,是 ttf格式,然后使用的时候,script.css@font-face { font-family: 'hanyi'; /*字体名称*/ src: url('汉仪锦昌体.ttf'); /*字...原创 2019-12-06 12:14:34 · 535 阅读 · 0 评论 -
纯CSS绘制心形图案
1,首先准备两个div <div id='love'> <div class="left"></div> <div class="right"></div> </div>这个心形,是由里面两个div拼接而成,最外层div做容器,剩下由CSS完成2,加背景,圆弧度,绝对定位 #love{ ...原创 2019-10-15 14:50:20 · 308 阅读 · 0 评论 -
HTML和CSS做优惠券效果
最近看到好几个花里胡哨的作品,不禁感叹,还是能人多。。。。这是之前做小程序时候,QQ群里分享的一个代码就贴在下边了,顺便做一下记录HTML:<body><div class="demo"><!-- 效果1 begin --><div class="stamp stamp01"> <div class=...翻译 2019-09-23 11:16:21 · 4155 阅读 · 2 评论 -
CSS,JS做一个注册表单
看网上那种注册的,都是分步骤显示,第一步第二步啥啥的,然后自己也仿着写了个:代码上传至GitHub:GitHub:表单组件https://github.com/zhao-max/CSS-js-Submit-Form.git写这个。。燃了一天,总结一下吧,可能这个结构不是很合理,但是总的样式也就那样。。红红火火恍恍惚惚。。。主结构结构就四个div (一个是显示进...原创 2019-09-20 13:59:21 · 588 阅读 · 1 评论 -
简单CSS输入瀑布流布局
也算自己记录一下吧,利用column-count 和break-inside 这两个CSS属性即可搜了下这两个具体属性,好像有浏览器不兼容,在属性前边加去即可 (我没咋用,自己尝试吧。。。兼容介绍:-ms- IE浏览器-moz- 火狐-o- 欧朋。。。。...原创 2019-09-17 17:59:18 · 143 阅读 · 0 评论 -
CSS布局-Position
这里介绍几个经常用的,值 描述 static 静态的,默认值,没有定位,元素出现在正常的流中 relative 相对定位 absolute 绝对定位 fixed 固定定位 注:将元素的position设置为 relative / absolute / fixed 任意一种的话,那么该元素就称为"已定位元素"static定位:...原创 2019-09-06 11:12:37 · 178 阅读 · 0 评论 -
CSS布局-display
最近几天,一会儿看canvas,一会儿看SVG,看tornado,感觉静不下心来,啥有趣都想学一下,看一会又被层层代码给吓退了。。。。。鹅,跑题了,还是老老实实看看前端的吧。。。。做页面布局,有好几种方式,这就归纳下display。position和float属性;display 属性:值 描述 none 此元素不会被显示。 block 此元素将显示为块级元...原创 2019-09-05 12:43:02 · 200 阅读 · 0 评论