写css样式,css样式的语法

简单CSS样式表的写法

html

head

style type="text/css"

a.top:link {font-family: 宋体} /*链接字体*/

a.top:link {font-weight: normal;} /*设置链接文字中的字符粗细*/

a.top:link {font-size: 12} /*设置链接文字的大小*/

a.top:link {text-decoration: none;} /*设置链接文字没有下划线*/

a.top:hover {text-decoration: underline;} /*鼠标放在链接上时有下划线*/

a.top:link {color: #000000} /*设置链接文字的颜色*/

a.top:visited {color: #000000} /*访问过的链接*/

a.top:hover {color: #B50000} /*鼠标放在链接上字体的颜色*/

a.tj:link {font-family: 宋体}

a.tj:link {font-weight: normal;}

a.tj:link {font-size: 12}

a.tj:link {text-decoration: none;}

a.tj:hover {text-decoration: none;}

a.tj:link {color: #000000}

a.tj:visited {color: #0000ff}

a.tj:hover {background: #FFFFCC}

h1 {font-size:12px} 

h1 {font-family: "宋体"} 

h1 {font-weight: normal;}

h1 {color: #000000}

h2 {font-size:14px} 

h2 {font-family: "宋体"} 

h2 {font-weight: normal;}

h2 {color: #000000}

h3 {font-size:24px} 

h3 {font-weight: 1;}

h3 {color: #000000}

body {

        margin-top: 1px; /*上边距*/

        margin-bottom: 1px; /*下边距*/

}

/style

meta http-equiv="Content-Type" content="text/html; charset=gb2312"/head

body

pMouse over the links to see them change layout./p

pba href="default.asp" target="_blank" class="top"电脑对怀孕其实没啥影响/a/b/p

pba href="default.asp" target="_blank" class="tj"电脑对怀孕其实没啥影响/a/b/p

h1电脑对怀孕其实没啥影响/h1

h2电脑对怀孕其实没啥影响/h2

h3电脑对怀孕其实没啥影响/h3

/body

/html

怎么给html标签写css样式

1、直接使用行内样式，即在html标签上使用style

div style="width:100px;height:100px;background:red;"div内容/div

2、先定义css样式，再给html的class属性赋值

style

.content{

    width:100px;

    height:100px;

    background:red;

}

/style

div class="content"

    div测试内容

/div

总结：两种方式效果是一致的，只是第二种方式可进行重用，只要html元素class属性相同即可

怎样编写CSS

上面的例子中，我们可以看到CSS的语句是内嵌在HTML文档内的。所以，编写CSS的方法和编写HTML文档的方法是一样的。

您可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具（Frontpage、Ultraedit等），都可以用来编辑CSS文档。

一种是把CSS文档放到head文档中：style type=“text/css” …… /style

其中style中的“type=‘text/css’”的意思是style中的代码是定义样式表单的。

另一种方法是把CSS样式表写在HTML的行内，比如下面的代码：p style=“font-size：14pt；color：blue”蓝色14号文字/p

这是采用Style=“ ”的格式把样式写在html中的任意行内，这样比较方便灵活。 还有一种方法是：把您编辑好的CSS文档保存成“.CSS”文件，然后在head中定义。定义的格式是这样的：head link rel=stylesheet href=“style.css” …… /head

我们看到这里应用了一个Link，“rel=stylesheet”指连接的元素是一个样式表（stylesheet）文档。一般这里是不需要您改动的。

而后面的“href=‘style.css’”指的是需要连接的文件地址。您只需把编辑好的“.CSS”文件的详细路径名写进去就可以了。这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式，从而减少了大量的冗余代码。

下一章我们将进入CSS的具体知识的学习，我们将先从最基本的属性开始讲起。

css样式怎么写

css样式是HTML的一个补充，简单的css使用样式如下:

html

body

div id=div/div

/body

style type="text/css"

width:300px;//设置div的宽度300像素

height:500px;//设置div高度500像素

background-color:red;//设置div的背景颜色为红色

/style

/html

css代码位于style之间，详细的css代码解释见代码注释。

怎样写CSS样式代码

有两种方法：

一是编辑.css文件，样式代码写进这个.css文件中，

然后在HTML文档中引用这个css文件，即可

二是，写进HTML文档中，作为内联样式。

一般用style标签来写，或者写到具体元素的style属性中。

css内部样式表怎么写

1、创建使用css样式表有三种，分别是外部样式表，内部样式表和内联样式。下面通过一个小demo演示它们的用法。

首先新建一个html文件，放入3个button按钮，给前两个按钮分百别设置class属性为btn1和btn2，如下图。

2.然后准备一个名为demo的CSS文件。在css文件中写入buttonA的样式，并保存css文件:

3,HTML文件,使用链接在你的样式标签标签的引入上一步创建CSS文件,这是外面的使用风格,是创建一个好的总结度在CSS文件编写风格,然后介绍使用链接的HTML文件标签,这也是大多数网站使用方法,因为它的介绍方便,更方便管理:

4.接下来是内部样式表的使用，其中样式选项卡直接在head选项卡中创建，并添加了btn2样式。对于内部样式表简单的HTML文件，内部样式很方便，但是复杂的HTML文件可能会让人混淆:

5.最后是使用内联样式，直接在第三个标签中使用样式属性来添加样式可以:

6.最后，保存HTML文件，打开浏览器并查看所有三个按钮的样式。这就是CSS样式表的制作方法: