![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS中级
Esabelle
学习笔记
展开
-
第一次项目总结
npm安装步骤:装node -->npm -v -->cnpm安装 npm install -g cnpm --registry=https://registry.npm.taobao.org重要命令:npm i /install 包名 (-g)全局npm run dev新建vue-cli项目步骤: npm i vue-cli(第一次装完就不用再装) -->npm init...原创 2018-06-23 12:11:51 · 467 阅读 · 0 评论 -
!important和@important
!important:摘自:http://phpbegin.com/html/23/n-8123.html浏览器支持情况:firefox支持IE不支持!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权,语法格式{ sRule!important },即写在定义的最后面,并且在分号之前,比如:{font-color: red !important;}由于IE并不支持该语法...原创 2018-06-23 12:12:22 · 4724 阅读 · 0 评论 -
JS实现幻灯片图片预览特效
<a href="javascript:functionanme();">??简单明了的解释两者battle通用函数??只是匿名函数关于父元素位置和子元素位置为什么慕课网很多课默认父元素relative子元素absolute父元素位置和子元素位置到底有什么样的关系一个案例css3quackitmdn-webkit-font-smoothing被废弃的属性,不要用,用来实现字体顺滑-we...原创 2018-06-23 12:13:30 · 675 阅读 · 0 评论 -
flexbox布局
资料总结#完整指南(包括相关定义、相关属性和一些简单的例子) css-tricks(国外一个很好的css例子的网站) w3cplus对以上文章的中文翻译,请对照以上英文版来学习#以图的形式更好地理解一些相关属性 quackit(css属性文档和实例,有运行效果可以查看相关属性的效果,最好翻墙查看会比较快)#很多例子 css-tricks的例子 一些简单的小例子 ...原创 2018-06-23 12:14:05 · 172 阅读 · 0 评论 -
瀑布流
纯css实现瀑布流break-inside属性+多列属性实现瀑布流原创 2018-06-23 12:14:41 · 240 阅读 · 0 评论 -
小程序官网总结(vue框架+php模板渲染+rem适配)
css3效果1.长文字隐藏数据(很长)width: 3.35rem;white-space: nowrap; /*文字不换行*/text-overflow: ellipsis;overflow: hidden;原创 2018-06-29 20:53:36 · 818 阅读 · 0 评论 -
伪元素
动态导航效果伪元素还能这么用?与hover配合使用<!-- 与hover配合使用 -->edit on codepen<div> <ul> &...原创 2019-03-22 14:59:11 · 201 阅读 · 0 评论 -
css技巧
纯css实现宽度永远是高度的两倍 方法一: 原理:margin/padding(-top/bottom/left/right)的值为百分比时(%),为其父元素(即例中father)的宽度的百分之多少;缺点:生成的块是content是0;里面内容会被挤出;<div class="father"> <div class="son"><span&...原创 2019-03-22 15:01:40 · 407 阅读 · 0 评论