这里的“重构”指的是将设计图（比如PSD）转换为html + css + js。 用这个标题，是因为前一段时间组里有一个开放式讨论：怎样才算一个好重构？ 其实，"好"与"坏"向来都是相对的，因为每个人眼中看待"好"与"坏"的标准不一样，不如从自身的角度考虑一下：如何做一个好重...

2018-06-24 02:05:36 js开发css代码前端技术前端学习前端论坛前端新技术前端基础

时间:2017年12月10日 21:52:59 用途:此文章用于个人总结 css笔记 1.CSS全称为"层叠样式表(Cascading Style Sheets)" 2.CSS样式的语法: 选择符{属性:值} 3.CSS样式代码插入的三种形式:内联/嵌入/外部 内联式:就是把代码写在html标签的行间样式(不建议用这种) 嵌入式:就...

2018-06-24 02:05:32 css代码

前端体系的变化可谓是日新月异，短短一年时间，从理论、框架、构建工具、甚至开发语言都发生非常大的变化。 随着新项目就即将启动，我抽时间回顾了一下以往项目的前端架构，零零散散产生了许多想法，尽量一一记录下来，为新的框架搭建做点准备。 首先来聊聊CSS的的各种...

2018-06-24 02:05:10 css代码

原网页http://blog.csdn.net/leihope_/article/details/70158902 要在一个页面中设置一个半透明的白色div。这个貌似不是难题，只需要给这个div设置如下的属性即可： background: rgba( 255, 255, 255,0.1); 但是要兼容到ie8。这个就有点蛋疼了。因为ie8不支持rgba()函...

2018-06-24 02:04:53 css代码

之前一个已经工作的同学问我上传图片立即显示怎么实现，这个问题虽然不难，但我还是要去打开电脑找到项目，点开一个个目录；这时候博客的作用就显露出来了。。 话不多说，进入正题： 先看看效果 只需要在js中添加如下代码就可以实现了 $( function (){ $( "#clickHeadI...

2018-06-24 02:03:57 css代码

嘿，大家好~ 既然点击来了，不妨就继续看下去把~ 作者：along csshack 我很少使用hacker的，可能是个人习惯吧，我不喜欢写的代码IE不兼容，然后用hack来解决。不过hacker还是非常好用的。使用hacker我可以把浏览器分为3类：IE6 ；IE7和遨游；其他（IE8 chrome ff safar...

2018-06-24 02:02:55 js框架css代码html文档

掌握表单标签 form action ="http://www.baidu.com" method ="post" ... / form 了解CSS的概念 英文缩写Cascading Style Sheet 层叠样式表 层叠:层层叠加 样式表:样式的集合(属性的集合),不是html的属性,而是CSS的属性 掌握CSS的引入方式(heml和css) 通过style标签的属...

2018-06-24 02:02:37 css代码

首先HTML代码： 1 input id ="snrPollInterval" type ="range" min ="1" max ="30" css代码： 1 input[type="range"] { 2 /* -webkit-box-shadow: 0 1px 0 0px #424242, 0 1px 0 #060607 inset, 0px 2px 10px 0px black inset, 1px 0px 2px rgba(0, 0, 0, 0.4) inset,...

2018-06-24 02:01:49 css代码

一、text-decoration:underline下划线的问题 CSS text-decoration:underline 可以给内联文本增加下划线，但是，如果对细节要求较高，就会发现，下划线经常会和中文文字的下边缘搞在一起，英文的话甚至直接穿越，看起来就比较香菇蓝瘦。 上图几个中文下边缘正好都是横线...

2018-06-24 02:01:40 css代码

一、作为图片存在的CSS3 gradient渐变 我觉得CSS3 Backgrounds比较厉害的一个地方就是支持多背景，也就是背景图片个数可以无限累加，正好CSS3的gradient渐变性质是 background-image ，于是，我们可以实现任意数量渐变背景图的叠加效果。甚至，理论上，任意彩色 jpg 图...

2018-06-24 02:01:29 css代码