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 郑志伟 阅读(1046) 评论(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 郑志伟 阅读(549) 评论(0) 推荐(0) 编辑

div+css之浮动

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

posted @ 2012-08-12 10:30 郑志伟 阅读(268) 评论(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 郑志伟 阅读(608) 评论(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 郑志伟 阅读(493) 评论(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 郑志伟 阅读(237) 评论(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 郑志伟 阅读(1611) 评论(0) 推荐(0) 编辑

2012年8月5日

photoshop_工具的使用

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

posted @ 2012-08-05 08:56 郑志伟 阅读(1016) 评论(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 郑志伟 阅读(320) 评论(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 郑志伟 阅读(274) 评论(0) 推荐(0) 编辑

导航