css

探索发现：CSS实现中文两端对齐

今天在搜索“CSS实现中文两端对齐”的解决方法时，偶然发现了这个hack：我遇到问题是：看不到效果，无论是英文还是中文，在IE和chrome下都不起作用。还好在StackOverflow上找到了解决方法 ：）样式：div.justify { 　　text-align: justify; width:200px; font-size:15px; color:red; 　　bo
业界 2016年07月14日

[譯] 學習 CSS clip-path 屬性

整體來說網頁主要是由矩形所構成的，另一方面印刷品則具備相對多樣性。造成這樣差異的原因有很多，不過其中一個即是缺少合適的工具。這篇文章主要會介紹 clip-path 這個 css 的樣式規則可以讓我們遮掉元素的局部，就是不顯示出來。達成這項功能背後的原理就是我們可以透過它去定義可視區，類似於遮色片的概念。我們將從基礎開始然後涵蓋語法，進一步理解進階的概念。基礎clip 意思是
业界 2016年07月14日

IE9无法对CSS文件长度限制的陷阱

最近在做的前端项目遇到一个很奇怪的问题，在IE8和其他现代浏览器下显示正常的元素，在IE9下却显示异常。 打开IE9蛋疼的Developer Tools后发现原先CSS上写的样式压根就没有应用到元素上去。无论怎么加hack还是其他方法都没有用。 然后尝试把CSS minify一下发现问题消失了。由此怀疑IE9是不是对CSS文件长度有限制，超出部分会自动截断（我的CSS mi
业界 2016年07月14日

页面性能优化实践总结

页面性能优化学而不思则惘，思而不学则殆前几天接到一个页面效果优化的任务，边做边查阅了一些关于页面性能的资料。做完任务之后，抽空写了一篇总结，梳理一下思路，加深自己的理解。1. chrome的timeline先思考这样的一个问题：什么叫页面性能好？如何进行评判？直观上讲，我们通常会通过一个页面流不流畅来判断一个页面的性能好不好。但是开发中，总不能这么随意吧。1-1 fpsFP
业界 2016年07月14日

切图崽的自我修养－CSS踩坑纪录

前言简单记录一下工作中经常碰到的css的一些坑，欢迎随时拍砖水平居中该元素是position:nomal, 父元素内block子元素定宽的情况下，对子元素采用margin:0 auto 即可该元素是position:absolute, 元素定宽width的情况下，用left:50%; margin-left:-(1/2)width 能绝对居中父元素设置 disp
业界 2016年07月14日

使用 Vue + Vue.js 构建单页应用

原文地址：https://coligo.io/learn-vuex-by-building-notes-app/前言：在最近学习 Vue.js 的时候，看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多，自己在它的例子的基础上进行了一些优化和自定义功能，在这里和大家分享下学习心得。在这篇教程中我们将通过构建一个笔记应用来
业界 2016年07月14日

《DOM编程艺术》中CSS—DOM的总结（三）

前言：这是CSS－DOM系列最后一篇，本文主要总结了className的用法，以及最后对函数进行抽象。－－－－－－－－－－－－－－－－－－我是分割线－－－－－－－－－－－－－－－－－－－－1.className属性前两篇一直是用DOM直接设置或者修改CSS样式，这属于让js的“行为层”干CSS“表示层”活，试想，一旦你要再次修改由DOM脚本设置的样式，就需要在js代码中各种
业界 2016年07月13日

《DOM编程艺术》中CSS—DOM的总结（二）

前言：接上篇，本篇有两个内容：一个是Demo：当鼠标hover到表格的一行上时这行表格字体加粗。。。好了，废话少说，开始！！！－－－－－－－－－－－－－－－－－－严肃的分割线－－－－－－－－－－－－－－－－－－1.一个Demo需求：创建一个表格，当鼠标hover到一行上时，改变这行中字体的样式，鼠标移走恢复原样。（1）HTML部分这是一个表格 When
业界 2016年07月13日

css使文字显示两行后显示省略号

本人喜欢把一些实用的东东拿过来，写成文章或者收藏起来。于是乎... 直接上代码： .article {color: # 000000;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all; }狠狠的点击，查看
业界 2016年07月14日
加载更多