html & css
文章平均质量分 78
卡卡欧文
这个作者很懒,什么都没留下…
展开
-
reset.css
@charset "utf-8";html{background-color:#fff;color:#000;font-size:12px}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:...原创 2019-04-10 13:46:23 · 542 阅读 · 0 评论 -
手机端页面自适应解决方案—rem布局进阶版
旧版rem布局 《手机端页面自适应解决方案—rem布局》,此方案仅适用于移动端web文章底部常见问题说明第四条,笔者已给出一个相当便捷的解决方案,欢迎留言交流。(2017/9/9)该方案使用相当简单,把下面这段已压缩过的 原生JS(仅1kb,源码已在文章底部更新,2017/5/3) 放到 HTML 的 head 标签中即可(注:不要手动...转载 2019-03-28 11:14:26 · 323 阅读 · 0 评论 -
前端必须掌握30个CSS3选择器
本文中将综合前端开发中常用的30个CSS3选择器,并且附带了浏览器的支持情况,希望对大家有所帮助。1、*:通用元素选择器* { margin:0; padding:0; }*选择器是选择页面上的全部元素,上面的代码作用是把全部元素的margin和padding设为0,最基本的清除默认CSS样式方法*选择器也可以应用到子选择器中,例如下面的代码:#container * {bo...转载 2019-03-29 11:07:14 · 118 阅读 · 0 评论 -
flex布局
本文摘自: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----F...转载 2019-03-29 11:40:31 · 103 阅读 · 0 评论 -
css小得
1.多行文本溢出显示省略号(…)全攻略WebKit浏览器或移动端的页面Css代码P{overflow : hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}参考网站:http://www.css88.com/arch...原创 2019-03-29 11:56:33 · 120 阅读 · 0 评论 -
企业class类命名规范
网页内容类标题: title摘要: summary箭头: arrow商标: label网站标志: logo转角/圆角: corner横幅广告: banner子菜单: subMenu搜索: search搜索框: searchBox登录: login登录条:loginbar工具条: toolbar下拉: drop标签页: tab当前的: current列表: list...原创 2019-03-29 11:59:01 · 548 阅读 · 0 评论 -
scss的使用
Sass是成熟、稳定、强大的CSS预处理器,而SCSS是Sass3版本当中引入的新语法特性,完全兼容CSS3的同时继承了Sass强大的动态功能。特性概览CSS书写代码规模较大的Web应用时,容易造成选择器、层叠的复杂度过高,因此推荐通过SASS预处理器进行CSS的开发,SASS提供的变量、嵌套、混合、继承等特性,让CSS的书写更加有趣与程式化。变量变量用来存储需...转载 2019-05-08 17:35:42 · 350 阅读 · 0 评论 -
vue中使用scss
1.首先安装依赖npm install node-sass sass-loader --save-dev2.找到build中webpack.base.conf.js,在rules中添加scss规则{ test: /\.scss$/, loaders: ['style', 'css', 'sass']}3.在vue文件中使用<style lan...转载 2019-05-08 17:37:33 · 125 阅读 · 0 评论