Css
【转】div居中代码 DIV水平居中显示CSS代码
原文地址：http://www.divcss5.com/rumen/r622.shtml如何使用CSS让DIV居中显示，让div水平居中有哪些CSS样式呢？需要的主要css代码有两个，一个为text-align:center（内容居中），另外一个为margin:0auto；其两个样式需要配合使用才能实现div盒子的居中...
【转】一个DIV+CSS代码布局的简单导航条
原文地址：http://www.divcss5.com/shili/s731.shtml简单的DIVCSS代码布局实现导航条一个蓝色主题的导航条布局案例，本CSS小实例，采用DIVCSS实现。同时不用图片做背景，直接使用背景色实现，鼠标经过悬停对应栏目名称是对应背景蓝色变深。导航条部分效果截图一般导航条采用ulli列表...
[转]DIV+CSS和TABLE的区别
现在全国大大小小的网站都在搞一场技术“革命”，就是所谓“网站重构”说简单点就是DIV+CSS进行网站制作。用DIV+CSS代替传统的Table制作框架和美化页面。百度搜索优化 在重构之前，肯定要了解为什么重构，为什么要用DIV+CSS技术?了解了这个问题，那么大家才有使用此技术重构网站的动力。各大CSS学...
关于css里大于号（>)的用法
之前用的css没涉及到这个问题，今天看到。知道大概用法，但不知道和普通的后代选择器有什么区别。到网上找了，其实w3c的css文档里有很详细明确的介绍（http://www.w3school.com.cn/css/css_selector_child.asp）。 ...
CSS里的引用@import、link
引入CSS的方法有两种，一种是@import，一种是link @importurl('地址');<linkhref="地址"rel="stylesheet"type="text/css"/>现在绝大部分的网站都采用后一种link方式，原因在于@import先加载HTML，后加载CSSlink先加载...
width和height不是全局，在css中必须有单位
虽然很多元素有width和height属性。但他们不是全局，但他们不是全局，但他们不是全局！！！比如div中就不能直接用。必须放在style中。并且有该属性的元素，使用可以不用单位，默认是像素。（html5规定还必须像素）<inputwidth="100">或者<inputwidth="100px"&...
css 如何使图片与文字在div中居中展示？
1.情景展示 如何将图片与文字在div中一起居中展示？ HTML片段<div><imgsrc="C:UsersMarydonDesktophead_no.jpg"/><span>Marydon</span><span>12345678900&l...
css 禁止录入中文
1.情景展示 如何禁止输入框，输入中文字符？2.解决方案 IE浏览器，可以使用ime-mode来实现UpdateTime--2016年12月15日19:52:16 /*屏蔽输入法，可以用来禁止录入中文*/ ime-mode:disabled;//IE兼容，chrome不兼容 <inputty...
CSS3新特性
1.对于CSS3新特性，支持 淘宝手机端页面：1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8"/>5<title>淘宝</title>6<metaname="viewp...
css zoom与scale区别
转自：http://www.zhangxinxu.com/wordpress/2015/11/zoom-transform-scale-diff/1、zoom的缩放是相对于左上角的；而scale默认是居中缩放；2、zoom的缩放改变了元素占据的空间大小；而scale的缩放占据的原始尺寸不变，页面布局不会发生变化；所以二...
css实现九宫格
原理：浮动+margin负边距示例代码：<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"/><title>css实现九宫格</title><styletype="text/css"...
CSS命名规范 BEM
良好的代码结构，HTML和css元素之间的关系，对于项目交付是很重要的！BEM解释：(1).block是BEM的区块(B)，包含内容和风格。如bootstrap框架的.container。 (2).block-element代表自子容器(E)。如bootstrap框架的轮播图，.carousel表示轮播图，c...
webpack css打包为一个css
1、安装npminstallextract-text-webpack-plugin--save-dev 2、项目目录：index文件夹下的index.css：body{background-color:#ccc;}.flex-div{display:flex;}index文件夹下的index2.css：p{t...
webpack 编译less/scss文件
1、安装插件处理less：npminstallless-loader--save-dev处理sass：npminstallsass-loader--save-dev2、项目目录： layer.less为：.layer{width:600px;height:200px;background-color:gree...
webpack 处理CSS
1、安装插件npmistyle-loadercss-loader--save-devnpmipostcss-loader--save-devnpmiautoprefixer--save-devnpminstallpostcss-import--save-devstyle-loader插件为：通过注入<style&...
