北大青鸟java培训:创建CSS样式表的三种方式?

html-css011

北大青鸟java培训:创建CSS样式表的三种方式?,第1张

主要探讨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>