网上看过很多配置思路，自己总结了以下，就把我个人配置的顺序以及材料分享下，webstrom以下简称WB1、配置less需要安装nodejs,自行安装。因为要用到npm.我是直接把npm解压到C盘根目录的，先下载解压好待用 npm解压包百度云下载地址:http://pan.baidu.com/s/1bpdnmGZ （yuicompressor-2.4.2.jar 这个是WB配置让CSS或者JS自动生成.mincss/.minjs的压缩工具，不是配置LESS的工具哦， 使用很简单不用解压，比我直接放在C盘...
CSS3 Shadow Effectstext-shadowbox-shadow1> text-shadowThe text-shadow property adds shadow to text.This property accepts a comma-separated list of shadows to be applied to the text.syntaxtext-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;ValuesValueDescriptionh-shadowRequired. The position of the horizontal shadow. Negative values are allowedv-shadowRequired. The position of the...
配置成功 配置文件已传到文件中原文：https://www.cnblogs.com/eric-share/p/13702955.html
npmnpm i -D style-loader css.loader webpack.config.jsmodule.exports = {// ...module: {rules: [{test: /\.css$/,use: [‘style-loader‘, ‘css-loader‘],},],}, } 原文：https://www.cnblogs.com/aisowe/p/15245956.html
CSS3响应式布局响应式布局的优点响应式布局是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。优点：面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点：兼容各种设备工作量大，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果一定程度上改变了网站原有的布局结构，会出现用户混淆的情况1.响应式Web设计-Viewport（1）定义...
浏览器支持度CSS3属性： columns：规定列的宽度和列数 默认宽度、列数值为auto column-width:每栏的宽度 column-gap :两栏之间的间距距离 column-count : 栏目的数目 column-rule : color(色值) width(宽度) style(线条样式) 分栏中的分割线的颜色宽度及样式的设定 1、border-radius属性(圆角边框)eg:结合不同浏览器兼容问题，使用该CSS3新属性 eg: 2、box-shadow属性（阴影） eg:结合不同浏览器兼容问题，使用该CSS3新属性 eg: 3、...
我们接着上文，那么在上篇文章的最后，写到了css-loader的用法，如果你用心发现，就能看到我在style.css样式文件中写了一个这样的样式：div {transition: all ease 1s;}一、这是一个css3的过渡样式，我们知道，写css3的时候，需要加上浏览器前缀. 那么我们着这里就需要安装postcss-loader和autoprefixer插件安装postcss-loader: npm install postcss-loader --save-dev安装autoprefixer: npm install autoprefixer --save-dev 在de...
接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实现的布局，用DIV也可以实现。技术有一个成熟的过程，把DIV看成和TABLE一样的工具，如何运用就看你的想象力了。 注：在实际应用过程中，DIV在有些地方的确不如表格...
转自：http://www.oschina.net/translate/css-libraries-for-developers在过去的几年中，CSS已经成为一大部分开发者和设计者的最爱，因为它提供了一系列功能和特性。每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发。像CSS 库，框架，应用这样的工具能够为开发者做很多事，而且可以使开发者创造出创新立异的WEB应用。在这篇文件章中我们找到了一系列对开发者有用的CSS库，它们能帮助开发者在一定的期限内取得有创造性和创...
1、强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>2、iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；<meta content="yes" name="apple-mobile-web-app-capable" />3、iphone的私有标签，它指定的iphone中safari顶端的状态条...
OOCSS 参考：http://coding.smashingmagazine.com/2011/12/12/an-introduction-to-object-oriented-css-oocss 作者：Louis Lazaris oocss是Nicole Sullivan在Web Directions North中第一次提出，它代表了一种快、可维护、基于标准的CSS写法。 全称object-oriented-css,面向对象的CSS。既然是面向对象，那什么是OOCSS中的对象呢？OOCSS中所说的对象是一种可复用的视觉模型。OOCSS讲究复用，并快速高效的书写样式，且在日后...
本周我主要学习了HTML的设计模式，现将我的学习内容总结如下： 一．盒模型的学习 CSS中有一种基础的设计模型叫做盒模型，它定义了元素是如何被看做盒子来解析的。我主要学习了六种盒模型，分别为内联盒模型（inline box），内联块状盒模型（inline-block box），块状盒模型（block box），表格盒模型（table box），绝对定位盒模型（absolute box）和浮动定位盒模型（floated box）。 盒模型设计模式是CSS中内建的，...
最终效果如图： 用到的知识：Python Bottle HTML Javascript JQuery Bootstrap AJAX 当然还有 linux 我去，这么多……我还是一点一点说起吧…… 先贴最终的源代码： #!/usr/bin/env python3from bottle import get,post,run,request,template@get("/")def index(): return template("index")@post("/cmd")def cmd(): print("按下了按钮: "+request.body.read().decode()) return "OK"run(host="0.0....
一、在cs2、cs3、cs4上安装httpd [root@cs2 ~]# yum install httpd[root@cs3 ~]# yum install httpd[root@cs4 ~]# yum install httpd 二、在cs3、cs4上安装php和php-mysql [root@cs3 ~]# yum install php[root@cs3 ~]# yum install php-mysql[root@cs4 ~]# yum install php[root@cs4 ~]# yum install php-mysql 三、在cs5上安装mysql [root@cs5 ~]# yum install mariadb-server 四、在cs5上给dz论坛创建数据库 ...
将jquery和公共样式缓存到localStorage，可以减少Http请求，从而优化页面加载时间，下面的代码可以实现此功能： <script type="text/javascript"> //入口函数 if (window.localStorage) { initJs(); initCss("css", "/gfdzp201508257998/Turntable/Style/css_whir.css"); } else { addFile("/gfdzp201508257998/Turntable/Script/jquery-1.8.3.min.js", "js"); addFile("/gfdzp201508257998/Turntable/Script/whir.turntabl...