css

切图崽的自我修养－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日

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

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

切图崽的自我修养－使用自动化工具

前言F5已烂想来大家对自动化构建工具已经不陌生了，自动化构建工具可以帮开发者省去很多重复劳动比如:语法纠错、文件打包、文件操作，合并压缩等等. 常用的自动化构建工具有Gulp,Grunt,Fis等等，这些构建工具核心都是依赖第三方插件，通过颗粒化任务，再将这些任务按照合适的方式进行组合，构建项目所需的自动化工作流常用插件这里来简单来说明一下Grunt的最常用的几个插件:gr
业界 2016年07月14日

样式里的宽度为小数，js获取其值

js代码： window.onload = function() {var oBtn = document.getElementById('btn');var oDiv = document.getElementById('div1');alert( oDiv.offsetWidth );//四舍五入运算 }通过实验我们发现，样式可以设置为小数，但是js获取其值的时候，会进
业界 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学习(持续更新中)

ch单位：该单位是以数字0位参考，width:3ch这个就表明宽度是3个数字0的宽度。 关键字：css, 宽度, width, 数字
业界 2016年07月13日

SVG

SVG Shapes 1.矩形 关键字：css, html, html5, svg
业界 2016年07月13日
加载更多