学习css的时候 自己该怎样练习?

html-css024

学习css的时候 自己该怎样练习?,第1张

可以给自己设想一个页面,前期最好是设想简单的一点页面,然后自己试着去把它整出来,在这样折腾的过程之中,就会经常性的发现有不明白的地方,这个时候再去找相关资料及解决办法,这样慢慢积累下来,那些问题会帮你加深了解

1.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

<link href="style/index.css" rel="stylesheet" type="text/css" />

</head>

<body>

</body>

</html>

css文件里写入

@charset "utf-8"

body {

background:red

}

2.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

<link href="style/index.css" rel="stylesheet" type="text/css" />

<style type="text/css">

p{

height:100px

width:100px

background:#00F

}

</style>

</head>

<body>

<div style="margin-bottom:10pxheight:100pxwidth:100pxbackground:green"></div>

<p></p>

</body>

</html>

css文件里写入

@charset "utf-8"

body {

background:red

}

3.

第三个问题是要你自己动手了

你直接就把上面的属性高宽值改变然后刷新下就成了

4.

在css文件中写入下面的代码

a{

text-decoration:none

}