css相关
前端的样式问题集合
weixin_44197906
这个作者很懒,什么都没留下…
展开
-
怎么让一个div水平垂直居中
<div class="parent"> <div class="child"></div></div>复制代码1)使用position + transform,不定宽高时.parent{ position: relative;}.child{ position: absolute; left: 5...转载 2020-04-14 09:42:12 · 209 阅读 · 0 评论 -
SCSS 教程
Sass是成熟、稳定、强大的CSS预处理器,而SCSS是Sass3版本当中引入的新语法特性,完全兼容CSS3的同时继承了Sass强大的动态功能。特性概览CSS书写代码规模较大的Web应用时,容易造成选择器、层叠的复杂度过高,因此推荐通过SASS预处理器进行CSS的开发,SASS提供的变量、嵌套、混合、继承等特性,让CSS的书写更加有趣与程式化。变量变量用来存储需要在CSS中复用的信息,例如...转载 2020-04-03 15:03:41 · 93 阅读 · 0 评论 -
Scss 与 Sass 是什么,他们的区别在哪里?
Scss 与 Sass异同Sass 和 Scss 其实就是同一种东西,我们平时都称之为 Sass,两者之间不同之处主要有以下两点:1.文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而 Scss 是以“.scss”后缀为扩展名。2.语法书写方式不同,Sass 是以严格的缩进式语法规则来书写,不带大括号({})和分号(????,而 Scss 的语法书写和我们的CSS 语法书写方式非常类似。...原创 2020-04-03 14:59:01 · 1323 阅读 · 0 评论 -
CSS 性能优化还有哪些方法?
CSS 必须通过一个相对复杂的管道,就像 HTML 和 JavaScript一样,浏览器必须从服务器下载文件,然后进行解析并将其应用于DOM。由于优化程度极高,这个过程通常非常快——对于不基于框架的小型 web 项目,CSS通常只占总资源消耗的一小部分。框架打破了这种平衡。包括一个 JavaScript GUI 堆栈,如 jQuery UI,可以观察 CSS, JS 和 HTML大小逐渐的变大。...转载 2020-04-03 10:01:33 · 355 阅读 · 0 评论 -
CSS的选择器
CSS的子选择器与后代选择器的区别子选择器还有一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码:.food>li{border:1px solid red;}这行代码会使class名为food下的子元素li(水果、蔬菜)加入红色实线边框。食物 水果 香蕉 ...原创 2020-04-01 10:53:10 · 84 阅读 · 0 评论 -
宽高不固定的div 垂直水平居中
1.display:flex弹性盒子方法 .app{ display:flex; justify-content:center; align-items:center; width:500px; height:500px; }原创 2020-04-01 10:50:56 · 121 阅读 · 0 评论 -
css兼容性问题
先来谈谈CSS Hack 我们为了让页面形成统一的效果,要针对不同的浏览器或不同版本写出对应可解析的CSS样式,所以我们就把这个针对不同浏览器/版本而写CSS的过程叫做 CSS hack. CSS hack主要有三种:IE条件注释法、CSS属性前缀法、选择器前缀法。 (1)IE条件注释法,即在正常代码之外添加判别IE浏览器或对应版本的条件注释,符合条件的浏览器或者版本号才回执行里边的代...原创 2020-04-01 10:47:25 · 180 阅读 · 0 评论