css基础
关注
分享
扫一扫
开水没有冬天
如果可以，我会珍惜
展开
-
cssText的使用（原生js添加css样式）
参考：https://www.cnblogs.com/majingyi/p/6840818.htmlhttps://www.cnblogs.com/sky903700252/p/7382808.htmlvar head= document.getElementById("head");head.style.width = "200px";head.style.height = "70px...原创 2019-10-16 10:34:18 · 659 阅读 · 0 评论 -
进场动画（loading、加载动画）
文章目录css：svg：css：https://www.cnblogs.com/lhb25/p/loading-spinners-animated-with-css3.htmlsvg：https://www.html5tricks.com/svg-wonderful-loading.htmlsvg { width: 100px; height: 100px; margin: ...原创 2019-10-09 15:41:25 · 696 阅读 · 0 评论 -
左侧固定w，右侧数字位数不定
<div class="item-left"> <div class="pie-charts"> <div echarts [options]="chartOption" style="width: 160px;height: 160px;"></div> </div> <div class="...原创 2019-09-10 13:40:26 · 95 阅读 · 0 评论 -
文本溢出及其在angular中失效的bug
单行文本溢出：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行文本溢出：.mui-ellipsis-2 { line-height: 24px; display: -webkit-box; overflow: hidden; white-space: normal !import...原创 2019-09-05 19:45:53 · 256 阅读 · 0 评论 -
css table之合并单元格
参考：https://www.cnblogs.com/yangwang12345/p/7840253.htmlhttps://www.cnblogs.com/xin880/p/8004341.html需求：使用antd的时候，表格也需要合并单元格。原创 2019-09-04 15:57:35 · 487 阅读 · 0 评论 -
input文本框颜色的问题
修改input输入字体的颜色color:red;修改input中placeholder的字体颜色：/* WebKit browsers */input::-webkit-input-placeholder { color: #C0C0C0; font-size: 14px;}/* Mozilla Firefox 4 to 18 */input:-moz-placeh...原创 2019-08-15 13:59:13 · 2822 阅读 · 0 评论 -
px、em、rem、%、vw、vh、vm
尽管%和vw在很多地方都很相似 在使用的过程中还是要注意 在出现竖向滚动条的时候vw=%+滚动条的宽度em：<body style="font-size: 14px;"><div class="dad" style="font-size: 1.2em;"> dad:font-size:1.2em; => 14*1.2=16px; <div...原创 2019-07-19 14:42:28 · 168 阅读 · 0 评论 -
小型大写字母字体
把段落设置为小型大写字母字体： font-variant:small-caps;p.normal { font-variant: normal}p.small { font-variant: small-caps}<p class="normal">This is a paragraph</p><p class="small">Th...原创 2019-05-05 11:01:54 · 2916 阅读 · 0 评论 -
把网站变成黑白色
简单几句CSS代码，就可以把网站变成黑白色：html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);}使用的是CSS滤镜，将网页中的色彩部分过滤掉。...原创 2019-04-10 15:57:00 · 2120 阅读 · 0 评论 -
input的各种状态
正常、readonly、disable：原创 2019-03-06 17:16:13 · 2761 阅读 · 0 评论 -
cursor的属性值
&lt;p&gt;请把鼠标移动到单词上，可以看到鼠标指针发生变化：&lt;/p&gt;&lt;span style="cursor:auto"&gt;Auto&lt;/span&gt; &lt;br /&gt;&lt;span style="cursor:crossha原创 2019-03-06 17:10:27 · 1821 阅读 · 0 评论 -
九宫格
方法1-浮动&amp;lt;style&amp;gt; *{ padding: 0; margin: 0; } ul{ width: 298px;/*不用300px*/ height: 298px; margin:100px auto; } ul&amp;gt;li{ border:...原创 2019-01-22 19:11:58 · 166 阅读 · 0 评论 -
CSS实现三角形和空心三角形
参考：https://blog.youkuaiyun.com/MessageBox_/article/details/83510381原创 2019-01-22 19:32:35 · 478 阅读 · 0 评论 -
css样式“...”
max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;原创 2018-09-22 13:58:31 · 224 阅读 · 0 评论 -
div布局
用css实现如下效果：有三列div，两边两列固定宽200px，中间宽自适应，三列高度被内容撑开，并且始终与最高div那列的高度保持一致。方法1-flex布局&amp;lt;style&amp;gt; *{ padding: 0; margin: 0; } .box{ display: flex; } .left{ ...原创 2019-01-22 19:52:59 · 109 阅读 · 0 评论 -
iconfont图标在本地启动ok，上到开发环境和测试环境icon不能显示
src: url('../../assets/fonts/fonts/iconfont.ttf?kr3k1h') format('truetype'), url('../../assets/fonts/fonts/iconfont.woff?kr3k1h') format('woff'), url('../../assets/fonts/fonts/iconfont.wof...原创 2019-01-09 20:15:13 · 2295 阅读 · 0 评论 -
css 如何让文字标题显示在边框上
方法一、<style> .box{ position:relative; border:1px solid red; } .box::before{ content:attr(title); position:absolute; left:50%; transfor...原创 2018-12-26 16:13:39 · 6548 阅读 · 0 评论 -
css 如何让文字标题显示在边框上
方法一、<style> .box{ position:relative; border:1px solid red; } .box::before{ content:attr(title); position:absolute; left:50%; transfor...原创 2018-12-26 15:17:56 · 4182 阅读 · 0 评论