怎样编写CSS

html-css011

怎样编写CSS,第1张

所以,编写CSS的方法和编写HTML文档的方法是一样的。 您可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具(FrontPage、Ultraedit等),都可以用来编辑CSS文档。 那么您可能会问,独立编辑好的CSS文档怎样加入到HTML文档中呢?其实在第一章中的例子里已经介绍了两种方法。 一种是把CSS文档放到文档中: …… 其中中的“type=‘text/CSS’”的意思是中的代码是定义样式表单的。 另一种方法是把CSS样式表写在HTML的行内,比如下面的代码: 蓝色14号文字 这是采用的格式把样式写在HTML中的任意行内,这样比较方便灵活。 还有一种方法是:把您编辑好的CSS文档保存成“.CSS”文件,然后在中定义。定义的格式是这样的: …… 我们看到这里应用了一个,“rel=stylesheet”指连接的元素是一个样式表(stylesheet)文档。一般这里是不需要您改动的。 而后面的“href=../../‘style.CSS’”指的是需要连接的文件地址。您只需把编辑好的“.CSS”文件的详细路径名写进去就可以了。这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式,从而减少了大量的冗余代码。 本章主要介绍了编写CSS的方法以及如何把作好的CSS文档与HTML结合起来运用。您可以根据自己编写的HTML代码的结构、长度来选择用哪一种方法将CSS与之结合。

1、创建css样式,点击窗口\css样式,可以打开css样式编辑窗口,还可以直接在属性面板内创建。

2、点击属性面板的编辑规则,或者是css样式窗口的+号就可以打开新建css规则对话框。

3、选择要创建的css样式的内容。比如要为段落更改样式。

4、在弹出的定义对话框中,选择要更改的各种属性。比如把段落的字体大小改为16px,字体颜色改为红色。

5、点击确定,发现段落中的文字就出现了相应的效果。在<head>中条件了css样式代码。

1、打开WebContent文件。

2、导入自己的css文件。

3、创建自己的jsp文件。

4、添加引用css文件的代码。

5、<link href="<%=request.getContextPath()%>/css/css.css" rel="stylesheet">(可复制使用,复制以后路径要进行修改) ,标红的地方是css文件路径,填对自己的路径。

6、还可以导入自己喜欢的图片到img文件。

7、打开css.css文件,编辑将图片名称,输入至该位置。