CSS样式学习笔记

如何利用CSS做到图文混排？

把文字当作图片处理，图片当作文字处理

为了保证图片不占一行(或一个div),需要用float:left这个样式，写海报“首字母下沉”效果需要用到这个样式

利用<li>标签做导航标签？

设置list-style-type:none;float:left;

可以不需要<ul>标签，如果有则也需要将list-style-type:none;

在CSS样式中设置body样式——全局风格？

body{
	font-size:12px;
	color:#000000;
	text-align:center;
	font-family:Arial,Helvetica;
	width:1024px;
	--上面是定义全局网页的风格
	magin:opx;
	padding:0px;
	--最下面两句是“内容居中”的风格，让顶部无空白部分
}

边框

border:border-width||border-style||border-color

border:groove;

border:grooveblue;

border:4pxgrooveblue;

备注：为了能让边框显示出来，必须指定边框的类型，宽度和颜色都有相对应的默认值(需要指定出来，不然显示不出来)

定位与布局两种样式结合

定位:position:absolute(可重叠，相对于最近的父组件)relative(不可重叠)static

z-index:重叠之后出现分层，显示层次的顺序

top

right

bottom

left

布局:float:none(对象不漂浮)left(向左浮动)right(向右浮动)

overflow:

overflow-x:

overflow-y:

display:不保留占据的物理空间

 visibility:保留占据的物理空间

<span>标签被用来组合文档中的行为元素注：如果不对该标签使用样式，它和文本内容是没有区别的

滤镜功能CSS2滤镜只针对IE起作用，因为这个是IE特有的，由于滤镜效果被广大开发者喜欢，慢慢的也被很多人接收，所以CSS3也添加了滤镜这个功能，CSS3可以解决CSS2滤镜不兼容的问题，CSS3标准是支持滤镜功能的

<table>
	<caption>表格标题</caption>
	<tr>
		<th></th>
		<th>2004</th>
		<th>2005</th>
	</tr>
	<tr>
		<th>拨款</th>
		<td>11111</td>
		<td>22222</td>
	</tr>
	<tr>
		<th>投资</th>
		<td>33333</td>
		<td>44444</td>
	</tr>
<th>标签起强调作用
<td>标签是普通的一列 

设置链接有下划线的CSS样式？

text-decoration:underline;     //有下划线text-decoration:none;          //无下划线

使用jquery修改样式？

$("#id").css("color","#ffffff");

按钮灰化的颜色是——#ACA899(可以使用屏幕取色软件)