摘要:Mac OS 华文细黑 STHeiti Light [STXihei] \534E\6587\7EC6\9ED1 华文黑体 STHeiti \534E\6587\9ED1\4F53 华文楷体 STKaiti \534E\6587\6977\4F53 华文宋体 STSong \534E\6587\5B8B\4F53 华文仿宋 STFangsong \534E\6587\4EFF\5B8B 丽黑 Pro LiHei Pro Medium \4E3D\9ED1 Pro 丽宋 Pro LiSong Pro Light \4E3D\5B8B Pro 标楷体 BiauKai \6807\6977\4F53
阅读全文
摘要:当元素有浮动属性时,会对其父元素或后面的元素产生影响,会出现一个布局错乱的现象,可以通过清除浮动的方法来解决浮动的影响。浮动的清理(clear):值:none:默认值。允许两边都可以有浮动对象;left:不允许左边有浮动对象;right:不允许右边有浮动对象;both:左右两侧不允许有浮动对象。清除浮动的方法:1.额外标签法这种方法应该是最简单的一种了,w3c建议在容器的末尾增加一个“clear:both"的元素强迫容器适应它的高度以便装下所有的float元素。<div id="main"> <div id="left">
阅读全文
摘要: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
阅读全文
摘要:这里列出的都是一些常用的属性。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
阅读全文
摘要:浮动:在div+css中,浮动分为左浮动,右浮动,清除浮动。1.右浮动所谓右浮动,指一个块元素向右移动,让出自己的空间,直到碰到包含自己的父元素的最右边的边框。2.左浮动某个块元素尽量向左移动,这样就可以让出它右面的空间,让别的块元素显示3.浮动的特别说明如果浮动元素的高度不同,那么当它们向下移动时可能被其他浮动元素“卡住”,直到有足够的空间。特别强调:浮动对块元素和行内元素都生效。4.如果使用浮动属性,不管是块元素和行内元素,都会按display: block;来显示。
阅读全文
摘要:1.相对定位(relative)所谓相对定位是指,相对该元素应当显示的左上角重新定位,虽然它脱离了标准流,但它原来的空间不能被占用。2.绝对定位(absolute)所谓绝对定位是指,对该元素最近的那个脱离了标准流的元素(父元素)定位,如果没有父元素(或者有父元素,但父元素没有脱离标准流),则相对body左上角定位。3.固定定位(fixed)所谓固定定位,就是不管怎样,总是以视窗的左上角定位。注意:left,top对static静态定位无效。static定位是靠margin-left和margin-top来定位的。4.z-index用于设置对象(div)显示的时候,层叠的属性,z-index值越
阅读全文
摘要: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"
阅读全文
摘要:一、css特性1.继承子元素会继承父元素的某些样式,因为有些子元素本身就有默认的样式。2.层叠子元素如果定义了与父元素相同的样式,会覆盖掉父元素的样式。二、css的一些使用小技巧1.就一个比较特殊的字体想用,怎么办? 将其转为图片。分中英文字体。设置字体的顺序。将英文字体设置在前,中文在后。2.想让文字在垂直方向上居中显示,将行高设置为元素的高度,行高(line-height)==元素高度.注意:******文字的内容不能超过元素的宽度,也就是不能换行。这时候可以把元素的宽度设长一点就可以解决该问题。3.css可以重新设置xhtml标签的默认样式,如h1默认加粗。4.导入式样式:也就是将样式写
阅读全文
摘要:1.什么是W3C?我们平时所说的W3c,其实是World WideWeb Consortium的缩写,中文是W3C组织或万维网联盟,它主要是做什么的呢?简单的说,就是出网页标准的。那么由W3C组织推出的标准就被成为Web标准。2.什么是web标准?首先,web标准不是指某一个标准,它是由W3C和其他标准化组织指定的一系列标准的集合。包含我们所熟悉的HTML,XHTML,Javascript,以及Css等。3.Web标准的目的?在于创建一个统一的用于Web表现层的技术标准,以便于通过不同浏览器或终端设备向最终用户展示信息内容。4.采用标准的好处 提高页面的浏览速度,使用css方法,比传统的web
阅读全文
摘要:一、移动工具移动工具就像我们的手一样,她可以选择、拖动图层中的图像或文字。如果配合一些快捷键如Alt,我们还可以复制所需的图像。2.快捷键---v3.复制图层快捷方法 将要复制的图层拖到创建图层按钮上; 按住alt键,在要复制的图层上点击鼠标左键向上拖动;4.ctrl+t 显示变换控件二、矩形选框工具矩形选框工具是选区工具中较为常用的,运用的时候只需要在起始点点击鼠标左键不放,然后任意方向拖动就可以拉出矩形选区,如果再配合一些快捷键如“ALt”,“Shift”等,就可以拉出任意自己想要的矩形或正方形选区。1.矩形选框工具快捷键--M2.如果在绘制选区时就想移动矩形选区的快捷方法按住空格键+鼠标
阅读全文
摘要: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新增的一款实用的修补,去除工具。如
阅读全文
摘要:font 简写属性在一个声明中设置所有字体属性。注释:此属性也有第六个值:"line-height",可设置行间距。说明这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体,使之与用户计算机环境中的某个方面一致。注意,如果没有使用这些关键词,至少要指定字体大小和字体系列。可以按顺序设置如下属性:font-style 规定字体的样式font-variant 规定字体异体font-weight 规定字体的粗细font-size/line-height 固定字体尺寸和行高font-family 规定字体系列可以不设置其...
阅读全文
摘要:background 简写属性在一个声明中设置所有的背景属性。可以按顺序设置如下属性:background-color 背景颜色background-image 背景图片background-repeat 如何重复背景图片background-attachment 背景图片是否固定或者随着页面的其余部分滚动background-position 规定背景图像的位置如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif'); 也是允许的。通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中...
阅读全文
摘要:1.web上支持的图片格式gif(图形交换格式):gif格式文件最多只能保存256种颜色。该格式支持透明色,支持动画效果。jpeg(联合图像专家组):该格式不支持透明色及动画,颜色可达1670万种。png(网络可移植格式):该格式支持透明色(不同浏览器可能不支持,如ie5,ie6),不支持动画,颜色从几种至1670万种。2.示例--关于透明色的支持<body bgcolor="blue"><img src="02.png" width="200"/></body>在ie不同版本下的运行效果:很明显,
阅读全文
摘要:1.无序列表--ul语法:<ul type="项目符号类型"> <li type=""></li> <li></li> ......</ul>type有三个取值:disc(实心圆--默认值)、circle(空心圆)、square(方块)运行效果:2.有序列表--ol语法:<ol type="项目符号类型" start="列表的起点"> <li type=""></li> <li>
阅读全文