div元素是用来为html文档内大块（block-level）的内容提供结构和背景的元素。div的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由div标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。 css是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 html 或 xml 等文件式样的计算机语言。 [1]Web标准网页的好处事实上，在使用各种网页设计与制作工具进行网页设计制作...
用过css样式我们就知道, 可以定义一批对象的class属性来指定同一个样式来统一界面. 但如何统一同类型的对象的事件? 比如:界面有无数个 <img src="**.jpg"> 如何实现鼠标经过此图片, 图片的src变成是**_over.jpg? 解决方法: 使用css的expression方法,具体实现要看看.css的写法:/*替换图片CSS*/ #imgScript{/*这里使用对象ID来通配样式,也可以定义一个css函数*/ star:expression( onmouseover=function() { /*替换图片*/ if(this.hov...
一个简单的网站注册页面制作。创建CSS文件如下：@charset "utf-8"; /* CSS Document */ * {margin: 0px;padding: 0px;border: 0px; } body {font-family: 宋体;font-size: 12px;color: #333;line-height: 22px;background-color: #FFF; }#login-bg {width: 630px;height: auto;overflow: hidden;margin: auto;background-color: #FFF;background-image: url(../images/login-bg1.jpg);background-repeat: repeat-x; } #login-title...
opacity : .75; //standard css3 style for transparency-moz-opacity : .75; // transparency for older Mozillasfilter : alpha(opacity=75); // transparency for IE ; note no decimal point ;原文：http://www.cnblogs.com/ey-151210/p/5306907.html
<strong><span style="font-size:12px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title>MyHtml.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=gb2312"><style type="text/css">*{margin:0px;padding:0px;}#web{width:1020px;hei...
我们开发CSS+DIV网页（Xhtml）时候,比较困惑和纠结的事就是CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好的方法。 命名规则说明： 1）、所有的命名最好都小写 2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5" 3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整 4）、空元素要有结束的tag或于开始的tag后加上"/" 5）、表现与结构完全分离，...
单行一列以下是引用片段：body{margin:0px;padding:0px;text-align:center;} #content{margin-left:auto;margin-right:auto;width:400px;width:370px;}两行一列以下是引用片段：body{margin:0px;padding:0px;text-align:center;} #content-top{margin-left:auto;margin-right:auto;width:400px;width:370px;} #content-end{margin-left:auto;margin-right:auto;width:400px;width:370px;}三行一列以下是引用片段：body{margin:0px;...
Threejs标签显示一般有两种方式，Sprite精灵和CSS2DRenderer，Sprite精灵的话显示效果会有些模糊，CSS2DRenderer绘制标签是之接将dom挂载到三维对象上，渲染时其实是将dom直接根据对象位置位置实时渲染，可以在开发者模式中审查元素。在mac机中，因为mac机的设备像素比DPR为2，而window的设备像素比为1，该值可以通过window.devicePixelRatio获取。css2DRenderer计算对象位置是默认设备像素比为1的情况，如果想要适配苹果机，需要做...
为了消除各浏览器对css默认的设置，保持网页在各浏览器中的外观保持一致，初始化css就显得非常必要了！很多时候出现的样式不兼容问题，都可以通过css初始化代码来解决。下面列举常用的一些方案：1.最耗资源的，最简单的* { padding: 0; margin: 0; border: 0; } 2.选择性初始化举例（综合）body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button form,fieldset,input,textarea,p,blockquote,th,td { padding: 0;...
首先两者都是两边宽度固定，中间宽度自适应，并且中间盒子(主题内容)放在最前面，以便优先渲染。实现方案：都使用浮动来实现。圣杯布局实现如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>圣杯布局</title> <style> .box{ padding: 0 100px; height: 400px; } .center, .left, .right{ float: left; heigh...
1.0 前言网页布局（layout）是CSS的一个重点应用。经典布局类型：布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能，成为了现下最流行的布局方式。 Flex布局是什...
px：一个虚拟长度单位，是计算机系统的数字化图像长度单位，换算成物理长度，需要制定经度DPI。Windows系统默认是96dpi，Apple系统默认是72dpi。 一个相对长度单位，像素px是相对于显示器屏幕分辨率而言的。但IE无法调整哪些使用px作为单位的字体大小，国外的大部分网站能够调整的原意在于其使用了em或者rem作为字体单位。em：一个相对长度单位，一般指字符宽度的倍数，用法类似百分比，如：0.8em，通常1em=16px。 相对于当前对...
While browsers do a great job of ignoring styles they don’t understand, it can be useful to provide different sets of styles depending on a browser’s support for them. Learn how to use CSS feature queries without JavaScript. 原文：http://www.cnblogs.com/Answer1215/p/6168438.html
复杂的网页布局都是通过各种网页元素灵活定位实现的，网页中的各种元素定位都有自己的特点。下面我们来看一下css的几种定位方式。 float定位（即浮动定位）：这种定位方式很简单，只需规定一个浮动的方向（如：float:left;就表示这个元素向左边摆放），它的定位是相对于父元素容器；如果该元素设置了浮动，后面紧邻的则会受到浮动的影响，因此需要后面的元素若要不受影响，则要在后面清除浮动（可用clear:both;等方法），在两个相...
关于浏览器文字选中颜色以我的系统举例（xp 默认主题），浏览器上页面文字选中后默认的背景色是一种蓝色， 不同浏览器的颜色有些许差异，但大致相同，文字颜色也近乎白色，如下图所示，截自Firefox3.6浏览器：在CSS3的爸爸妈妈还没有相亲认识的时候，要改变页面上文字选中后的背景色以及文字颜色，就跟让太监生孩子一样困难。但是，随着CSS3呱呱落地，获得越来越多的浏览器认可，一切又显得那么自然而然。虽然有些顽固的糟老头（如...