主要探讨HTML5中CSS(层叠样式表),它是用来对HTML文档外观的表现形式进行排版和格式化。
使用CSSCSS样式由一条或多条以分号隔开的样式声明组成。
每条声明的样式包含着一个CSS属性和属性值。
<pstyle="color:redfont-size:50px">这是一段文本</p>解释:style是行内样式属性。
color是颜色属性,red是颜色属性值;font-size是字体大小属性,50px是字体大小属性值。
三种方式创建CSS样式表有三种方式:1.元素内嵌样式;2.文档内嵌样式;3.外部引入样式。
1.元素内嵌样式<pstyle="color:redfont-size:50px">这是一段文本</p>解释:即在当前元素使用style属性的声明方式。
2.文档内嵌样式<styletype="text/css">p{color:bluefont-size:40px}</style><p>这是一段文本</p>解释:在<head>元素之间创建<style>元素,通过选择器的方式调用指定的元素并设置相关CSS。
3.外部引用样式<linkrel="stylesheet"type="text/css"href="style.css">//style.css@charset"utf-8"p{color:greenfont-size:30px}解释:很多时候,大量的HTML页面使用了同一个组CSS。
那么就可以将这些CSS样式保存在一个单独的.css文件中,然后通过<link>元素去引入它即可。
@charset"utf-8"表明设置CSS的字符编码,如果不写默认就是utf-8。
陕西电脑培训http://www.kmbdqn.cn/认为如果有多个.css文件,可以使用@import导入方式引入.css文件。
只不过,性能不如多个<link>链接。
把绝对定位改成相对不就行了么??<script LANGUAGE="JavaScript">
<!-- Begin
function redirectPage()
{
var url800*600 = "800*600页面"
var url1024*768 = "1024*768页面"
var url1440*900 = "1440*900页面"
if ((screen.width == 800) &&(screen.height == 600))
window.location.href= url800x600
else((screen.width == 1024) &&(screen.height == 768))
window.location.href= url1024x768
else((screen.width == 1440) &&(screen.height == 900))
window.location.href= url1440x900
}
// End -->
</script>
而只须用css定义表格宽度为100%:width:100%,同样,在asp网页中,也把表格宽度一律采用百分比,设置成width=100%,字体统一设置为9-12px,不要设成14px。这样的话,你的网页将神奇般地根据多种分辨率展现在网虫面前。
具体如下,有n条记录,在一个table表格中,每行显示5条记录,每个记录是个小图片,需要在第1个中显示第1个图片,第2个显示第2个图片……第n个显示第n个图片,代码如下:首先,在web目录下新建一个pic目录,用于存放图片
[java] view plain copy
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'MyJsp.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
<table>
<%
int n=101
for(int i=1i<=ni++){
if(i%5==1){
%>
<tr>
<%
}
%>
<td><img src="/my_test/pic/hehe<%=i%>.jpg" /></td>
<%
if(i%5==0){
%>
</tr>
<%
}
}
%>
</table>
</body>
</html>