随笔分类 -  CSS

代码规范之注释篇
摘要：1.1 html注释写法 小诀窍: 开始于左尖括号+ !-- 一看到尖括号就联想到html标签的写法，自然就想到了它是html注释，这样比较好记； 使用 < 和 > 是符合HTML标签语法规则的; 1.2 html中的条件注释 这个条件注释一般只针对IE版本的浏览器执行的 HTML 标签。 2.1 阅读全文
posted @ 2019-07-02 09:02 JoeJoan 阅读(584) 评论(0) 推荐(0)
weex 轮播如何使用？
摘要：下面的内容是你必须要掌握的 1.怎么让banner的宽度和屏幕的宽度相等 2.怎么让banner自动轮播和轮播间隔 3.如何添加指示器 4.如何设置指示器的颜色和大小 5.点击轮播图时触发事件 6.检测当前轮播图是那一张 我们首先创建一个slider.vue 修改app.js 文件的代码 impor 阅读全文
posted @ 2019-06-13 15:50 JoeJoan 阅读(597) 评论(0) 推荐(0)
css3之新增伪类
摘要：css3新增了许多伪类，但是IE8以及更低版本的IE浏览器不支持css3伪类，所以在使用时要是涉及到布局等意象全局的样式，应该多考虑一下。 1.elem:nth-child(n) 这个伪类选中父元素下的第n个子元素，并且这个子元素的标签名为elem，n可以接受具体的数值，也可以接受函数（如4n-1） 阅读全文
posted @ 2019-05-08 15:57 JoeJoan 阅读(4401) 评论(0) 推荐(1)
简单告诉你-"border:0"与"border:none"的区别
摘要："border:0"与"border:none"的差异主要体现在性能差异和兼容差异。1.性能差异"border:0"表示把border定义为0px。虽然0px在页面上看不到，但浏览器会对border进行渲染，结果会得到一个0px的border。"border:none"表示把border定义为“无” 阅读全文
posted @ 2019-05-05 08:31 JoeJoan 阅读(901) 评论(0) 推荐(0)
vue的v-html插值样式问题
摘要：content使用html插入文本和图片 使用scoped样式，渲染失败。 原因： 解决方案： 采用全局样式 或另外再加style标签单独渲染 阅读全文
posted @ 2019-04-04 09:06 JoeJoan 阅读(890) 评论(0) 推荐(0)
CSS之Flex 布局
摘要：Flex 布局教程：语法篇 网页布局（layout）是 CSS 的一个重点应用。 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现 阅读全文
posted @ 2019-01-28 16:22 JoeJoan 阅读(331) 评论(0) 推荐(0)
CSS的伪类 :before 和 :after
摘要：CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外， 阅读全文
posted @ 2019-01-08 14:13 JoeJoan 阅读(1606) 评论(0) 推荐(1)
CSS之after与before的content 和 attr 配合使用
摘要：content 和 attr 配合使用 如果你不想把content内容在CSS里写死，那你可以使用attr表达式来从页面元素中动态的获取内容： attr属性通常和自定义属性data-配合使用，因为传统的其它属性虽然也能存值，但通常不适合存放表达性文字。 content里的字符串连接操作 这种字符串连 阅读全文
posted @ 2019-01-08 14:06 JoeJoan 阅读(1277) 评论(0) 推荐(0)
CSS的引入方式
摘要：CSS的引入方式共有三种：行内样式、内部样式表、外部样式表。 一、行内样式 使用style属性引入CSS样式。 示例：<h1 style="color:red;">style属性的应用</h1><p style="font-size:14px;color:green;">直接在HTML标签中设置的样 阅读全文
posted @ 2018-11-23 21:40 JoeJoan
CSS基础-CSS三大特性
摘要：继承性 层叠性 优先级 优先级权重 !important 阅读全文
posted @ 2018-11-12 23:20 JoeJoan
子级用css float浮动 而父级不能自适应高度解决方法
摘要：解决子级对象使用css float浮动 而父级div不能自适应高度，不能被父级内容撑开解决方法，父级div没有高度解决方法。 当在对象内的盒子使用了float后，导致对象本身不能被撑开自适应高度，这个是由于浮动产生原因。 如何解决父div对象自适应高度，方法有三种。 方法一：对父级设置固定高度 此方 阅读全文
posted @ 2018-10-14 10:23 JoeJoan