CSS
文章平均质量分 92
小丸仔同学
这个作者很懒,什么都没留下…
展开
-
css顺序 使用background问题
1.使用background简写属性,如果顺序在其他background-size属性之后,会覆盖之前的2.背景图片使用background-image,不使用background简写图片显示正常background: url('https://xxx.png') no-repeat;background-position: center center;background-size: ...原创 2019-11-15 11:05:01 · 534 阅读 · 0 评论 -
@media 媒体查询失效的原因
选择器的权限是否正确:div p{ font-size: 14px;}@media screen and (min-width:500px) and (max-width:1024px){ p{ font-size: 12px; }}例如:设置屏幕宽度在500px到1024px之间,p标签的文字大小为12px;但是如果部分p标签的css权限...转载 2019-05-16 07:57:02 · 1233 阅读 · 0 评论 -
CSS网格grid 笔记
文章目录1. 创建CSS 网格2. 添加列和行grid-template-columns 添加多列grid-template-rows 添加多行CSS 网格单位 更改行和列大小3. 列和行间距grid-column-gap 创建列间距grid-row-gap 创建行间距grid-gap 创建行和列间距4. 控制剩余部分grid-columngrid-row5. 对齐项目justify-self 水...原创 2019-05-01 16:31:32 · 616 阅读 · 0 评论 -
CSS绘制对话框三角形
.dialog { width: 200px; height: 135px; background: #888; border-radius: 24px; position: relative; top: 30px; padding: 8px 6px; z-index: 0; font-size: 11px; line...原创 2019-05-08 18:59:08 · 551 阅读 · 0 评论 -
sass的使用(二)
文章目录一. sass的控制命令1. @if2. @for3. @while 循环4. @each循环二. sass的函数三. sass的函数--字符串函数1. 字符串函数-unquote()函数2. 字符串函数-quote()函数3. 字符串函数-To-upper-case()、To-lower-case()四. sass的函数--数字函数1. 数字函数-percentage()2. 数字函数-...原创 2019-04-07 23:13:24 · 813 阅读 · 0 评论 -
sass的使用(一)
文章目录Sass 和 SCSS 有什么区别?安装sassmac系统window系统sass常用命令编译sass命令编译GUI工具编译自动化编译Sass 和 SCSS 有什么区别?Sass 和 SCSS 其实是同一种东西,我们平时都称之为 Sass,两者之间不同之处有以下两点:文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而 SCSS 是以“.scss”后缀为扩展名语法书写方式不...原创 2019-04-05 08:31:38 · 256 阅读 · 0 评论 -
less的使用
文章目录一. less的使用1. 客户端使用2. 服务器端使用3. 其他方法编译二. 变量三. 混入(Mixins)四. 嵌套五. 模式匹配六. 命名空间七. 引导八. 运算九. 函数十. 字符串插值十一. 注释关于less中对“/”的编译处理总结:less=变量+混合+函数一. less的使用参考:用法 | Less.js1. 客户端使用从 http://lesscss.org 下载 ...原创 2019-04-04 00:22:47 · 390 阅读 · 0 评论 -
Flex布局
一、flex布局任何一个容器都可以指定为flex布局div{ display: flex;}行内元素也可以使用flex布局div{ display: inline-flex;}Webkit内核的浏览器,须加上 -webkit前缀div{ display: -webkit-flex; /* Safari */ display: flex;}注意:设为flex...原创 2019-03-11 22:17:12 · 131 阅读 · 0 评论 -
CSS文本溢出显示省略号
单行文本溢出 overflow: hidden; //超出的文本隐藏 text-overflow: ellipsis; //溢出用省略号 white-space: nowrap; //溢出不换行多行文本溢出 display: -webkit-box; //弹性伸缩盒子 -webkit-box-orient: vertical; //从上到下垂直排列子元素 -we...原创 2019-03-01 00:34:24 · 135 阅读 · 0 评论 -
纯CSS画小猪佩奇
用CSS画小猪佩奇效果图:css画小猪佩奇代码原创 2019-03-01 00:11:16 · 575 阅读 · 0 评论 -
CSS引入方法-@import 和 link区别
一般使用link较多,也推荐使用linklink属于HTML标签,而@import是CSS提供的一种方式@import有次数限制,只能引入31次当页面被加载时,link引用的CSS会同时被加载,而@import引用的CSS则是等待主页面全部被加载完后才会被加载,所以当网速较慢时,可能会只出现页面而没有样式,等一段时间后样式才会被加载出来@import 只能在IE5以上才能使用,否则不识别...原创 2019-02-28 08:59:18 · 528 阅读 · 0 评论