郑志伟 - 博客园

2012年8月12日

css在各大浏览器的兼容性问题收集

摘要： 1.当加了doctype<img /> 标签的alt属性在ie8或以上不生效，所以推荐使用title属性。2.什么情况下使用id选择器或class选择器id选择器复用性比较低，优先级比较高，唯一使用，所以如果某个样式只是给某一个html元素使用，则选择id选择器，如果一个样式可能给多个html元素使用，则应当使用class选择器。3.a:link 在ie5,6下无效可以直接使用a{...}4.IETest工具，也有一个兼容性问题，在win7下，打不开ie6。可以下载绿色版的ie6,不用安装直接用的那种。5.在嵌套div中，如果外层div没有设置边框，内层div的margin-top 阅读全文

posted @ 2012-08-12 10:33 郑志伟阅读(1053) 评论(0) 推荐(0)

css控制文字

摘要：这里列出的都是一些常用的属性。1.设置字体样式font-style:normal(正常) italic(斜体)2.修饰文字text-decoration:none(正常) underline(下划线) overline(上划线) line-through(删除线)3.字符间距letter-spacing:normal(默认) length(长度单位)4.单词间距word-spacing:normal(默认) length(长度单位)5.设置文本缩进text-indent:2em 可以为负值6.文本水平对齐方式text-align:left/center/right;7.对象中空白处理white 阅读全文

posted @ 2012-08-12 10:32 郑志伟阅读(561) 评论(0) 推荐(0)

div+css之浮动

摘要：浮动：在div+css中，浮动分为左浮动，右浮动，清除浮动。1.右浮动所谓右浮动，指一个块元素向右移动，让出自己的空间，直到碰到包含自己的父元素的最右边的边框。2.左浮动某个块元素尽量向左移动，这样就可以让出它右面的空间，让别的块元素显示3.浮动的特别说明如果浮动元素的高度不同，那么当它们向下移动时可能被其他浮动元素“卡住”，直到有足够的空间。特别强调：浮动对块元素和行内元素都生效。4.如果使用浮动属性，不管是块元素和行内元素，都会按display: block;来显示。阅读全文

posted @ 2012-08-12 10:30 郑志伟阅读(278) 评论(0) 推荐(0)

div+css之定位

摘要： 1.相对定位(relative)所谓相对定位是指，相对该元素应当显示的左上角重新定位，虽然它脱离了标准流，但它原来的空间不能被占用。2.绝对定位(absolute)所谓绝对定位是指，对该元素最近的那个脱离了标准流的元素(父元素)定位，如果没有父元素(或者有父元素，但父元素没有脱离标准流)，则相对body左上角定位。3.固定定位(fixed)所谓固定定位，就是不管怎样，总是以视窗的左上角定位。注意：left,top对static静态定位无效。static定位是靠margin-left和margin-top来定位的。4.z-index用于设置对象(div)显示的时候，层叠的属性，z-index值越阅读全文

posted @ 2012-08-12 10:28 郑志伟阅读(618) 评论(0) 推荐(0)

2012年8月11日

关于浮动在不同浏览器的兼容性

摘要： 1 <!DOCTYPE html 2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 3 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 4 <html xmlns="http://www.w3.org/1999/xhtml"> 5 <head> 6 <title>浮动布局</title> 7 <meta name="keywords" 阅读全文

posted @ 2012-08-11 11:12 郑志伟阅读(497) 评论(0) 推荐(0)

2012年8月8日

div+css第四天

摘要：一、css特性1.继承子元素会继承父元素的某些样式，因为有些子元素本身就有默认的样式。2.层叠子元素如果定义了与父元素相同的样式，会覆盖掉父元素的样式。二、css的一些使用小技巧1.就一个比较特殊的字体想用，怎么办？将其转为图片。分中英文字体。设置字体的顺序。将英文字体设置在前，中文在后。2.想让文字在垂直方向上居中显示，将行高设置为元素的高度，行高(line-height)==元素高度.注意：******文字的内容不能超过元素的宽度，也就是不能换行。这时候可以把元素的宽度设长一点就可以解决该问题。3.css可以重新设置xhtml标签的默认样式，如h1默认加粗。4.导入式样式：也就是将样式写阅读全文

posted @ 2012-08-08 10:33 郑志伟阅读(243) 评论(0) 推荐(0)

理解结构与表现相分离

摘要： 1.什么是W3C?我们平时所说的W3c，其实是World WideWeb Consortium的缩写，中文是W3C组织或万维网联盟，它主要是做什么的呢？简单的说，就是出网页标准的。那么由W3C组织推出的标准就被成为Web标准。2.什么是web标准？首先，web标准不是指某一个标准，它是由W3C和其他标准化组织指定的一系列标准的集合。包含我们所熟悉的HTML,XHTML,Javascript,以及Css等。3.Web标准的目的？在于创建一个统一的用于Web表现层的技术标准，以便于通过不同浏览器或终端设备向最终用户展示信息内容。4.采用标准的好处提高页面的浏览速度，使用css方法，比传统的web 阅读全文

posted @ 2012-08-08 09:12 郑志伟阅读(1636) 评论(0) 推荐(0)

2012年8月5日

photoshop_工具的使用

摘要：一、移动工具移动工具就像我们的手一样，她可以选择、拖动图层中的图像或文字。如果配合一些快捷键如Alt，我们还可以复制所需的图像。2.快捷键---v3.复制图层快捷方法将要复制的图层拖到创建图层按钮上；按住alt键,在要复制的图层上点击鼠标左键向上拖动；4.ctrl+t 显示变换控件二、矩形选框工具矩形选框工具是选区工具中较为常用的，运用的时候只需要在起始点点击鼠标左键不放，然后任意方向拖动就可以拉出矩形选区，如果再配合一些快捷键如“ALt”，“Shift”等，就可以拉出任意自己想要的矩形或正方形选区。1.矩形选框工具快捷键--M2.如果在绘制选区时就想移动矩形选区的快捷方法按住空格键+鼠标阅读全文

posted @ 2012-08-05 08:56 郑志伟阅读(1037) 评论(0) 推荐(0)

2012年8月4日

ps第一天笔记

摘要： 1.图层快捷键 F7图层：学好ps的关键2.文档编排3.文档保存.psd ps常用格式,可以保留图层等信息.jpg 普通图片.gif 动画.png 软件，手机游戏.tif 常用于印刷ctrl+t 选中，调整大小4.文档打开方式通过菜单栏打开快捷键ctrl+o 在ps工作区灰色区域双击鼠标左键直接把图片拖进ps工作区 ...5.Bridge是Photoshop CS5自带的文件快速查看器，可以方便我们快速查找及打开所要的文件。6.剪切板使用7.文档信息查看在图片左下角按住鼠标左键；点击右三角按钮查看相关信息8.cs5新增的功能内容识别：内容识别是CS5新增的一款实用的修补，去除工具。如阅读全文

posted @ 2012-08-04 00:13 郑志伟阅读(327) 评论(0) 推荐(0)

2012年8月1日

css之font属性

摘要： font 简写属性在一个声明中设置所有字体属性。注释：此属性也有第六个值："line-height"，可设置行间距。说明这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体，使之与用户计算机环境中的某个方面一致。注意，如果没有使用这些关键词，至少要指定字体大小和字体系列。可以按顺序设置如下属性：font-style 规定字体的样式font-variant 规定字体异体font-weight 规定字体的粗细font-size/line-height 固定字体尺寸和行高font-family 规定字体系列可以不设置其... 阅读全文

posted @ 2012-08-01 13:03 郑志伟阅读(286) 评论(0) 推荐(0)