web前端开发的css应该怎样写

html-css022

web前端开发的css应该怎样写,第1张

CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示 HTML 元素。CSS样式表又分为三种方式,内联样式表、内联引用和外部样式表。下面具体介绍它们的写法:

1.内联样式表:在HTML文档头部 <head>区域使用<style>元素 来包含CSS。

2.内联引用: 在HTML元素中使用"style" 属性,直接对指定元素应用样式。

3.外部样式表:将样式单独写在CSS文件内,通过引入外部 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文件,编辑将图片名称,输入至该位置。

3种方式:

1、通过在head标签里面引入外部css文件,一般用于用得比较多的公共样式,比如:

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

2、通过style标签直接写在head标签内, 这些css一般仅用于本页面,比如:

<style>

body{margin:0}

</style>

3、直接通过属性style写在标签上。比如:

<div style="font-size:12px"></div>