CSS

W3C CSS验证器 和 HTML验证器

http://jigsaw.w3.org/css-validator css验证器

http://validator.w3.org/ html验证器

IE下拉条颜色管理 Coloring the Scroll Bar in IE

 scrollbar-face-color: #99ccff;
 scrollbar-shadow-color: #ccccff;
 scrollbar-highlight-color: #ccccff;
 scrollbar-3dlight-color: #99ccff;
 scrollbar-darkshadow-color: #ccccff;
 scrollbar-track-color: #ccccff;
 scrollbar-arrow-color: #000033;

指定font尺寸大小

使用font-size,文字的大小可以使用百分比 长度单位和font-size关键字来设置

长度单位有

Inches(in)

Centimeters(cm)

Millimeters(mm)

Points(pt)= 1/72 inches 不同的操作平台不同但是px相同

Picas(pc)= 12 points

相对单位

Em 默认大小 可访问性好 但考虑可用性

X-height(ex)

Pixels(px)精确性,无法缩放

把font大小设置为0或负数

CSS规范没有特殊说明 所以不同的浏览器有不同的效果,如果要隐藏文字可以使用visibility或display属性来替换font size为0的方法,把长度设置为负数是不允许的

Px像素使用在如下情况不安全

Netscape Navigator 4.X 无法正常显示像素大小

Opera/Mac 5 比正常值要小

其他文字大小控制

Xx-small

X-small

Small

Medium

Large

X-large

Xx-large

其它相对控制

Smaller

Larger

强行改变字体大小 !important

使用 基础选择符 伪类 伪元素 来应用样式(Using Basic Selectors Pseudo-Classes Pseudo-Elements to Apply Styles)

一,选择符

1,类型选择符 Type selectors are selectors that name the element or HTML tag to style. 

eg:

h1 { font-size: 120%; } p { color: blue; }

2,类选择符

When you want to apply the same CSS rule on different elements, you can use a class selector. 用点来定义

eg:

.warning { font-weight: bold; }

3,ID选择符

ID selectors resemble class selectors except 更多 >

CSS 选择符 伪类和伪元素

选择符

网页里面显示HTML代码 标签 xmp

网页里面显示 HTML代码 标签 xmp 你的html代码

后台管理 选择服装颜色和尺码效果代码

效果如图,选择一个尺码或图片,按第一次时候赋值,按第二次时候取消值,随之效果改变

代码如下: css文件

.noselectdiv
{
	margin-left:12px;
	cursor:pointer;
	text-indent:0;
	float:left;
	height:20px; line-height:20px;
	border:2px solid #666;
	color:Green;
	}
.selectdiv
{
	margin-left:12px;
	cursor:pointer;
	text-indent:0;
	height:20px; line-height:20px;
	float:left;
	border:2px solid red;
	color:Green;
	font-weight:bold;
	color:red;
	}

js文件

 function checkPcolor(cid) {
        $("#pcolorshowbox" + cid).toggleClass("selectdiv");
        var hiddenColorValueObject = $("#ctl00_cph1_ctrlCheckoutAttributes_hiddenPcolors");
        var colorValues = hiddenColorValueObject.val();
        var colorValuesArray = new Array();
        //如果是第一次填写颜色 更多 >

小改一下nopcommerce1.9付款流程

大家不觉得付款流程太麻烦吗 要按无数下才能确定一个订单 所以下改下 基本按3下就OK了

第一按:结账

第二铵:选择送货地址

第三按:选择付款方式

第四按:确认并提交订单   如果是支付宝的话 会跳转到支付页面!!

收工!

小改一下nopcommerce1.9商品展示模板页面 附图

小改一下nopcommerce1.9商品展示模板页面 仿照了下梦芭莎的

效果一

效果2

图片局部放大加图片列表切换

首先看下效果:

点击下载demo

最好解压到桌面 否则有图片不能显示!