13518219792
在网页中使用CSS：
十年的大东网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同，自动调整大东建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“大东网站设计”,“大东网站推广”以来，每个客户项目都认真落实执行。
一、内部规则 - 直接写在网页文件内部的样式
1.将以下代码插入在与之间可设定此页的默认的样式
2.在HTML行中加入样式规则
如：
Amaze your friends!
二、外部规则 - 独立的样式表文件
1.链接样式表文件
方法：在内使用标签：
如：
并建立一个文本文件，起名mystyles.css (和上面对应)。文件内容如：
H1 { color: green; font-family: impact }
P { background: yellow; font-family: courier }
2.输入样式表文件(返回)
方法：在内插入列代码：
并建立一个文本文件，起名company.css (和上面对应)。文件内容如：
H1 { color: green; font-family: impact }
P { background: yellow; font-family: courier }
可见该种方法的好处是可与网页的内部样式共存。
三、CSS举例
指定全文的文本格式：
body{background: yellow;color=red; font-size=9pt}
指定局部的默认的文本格式：
P{...}
H1{...}
TH{...}
TD{...}
...
指定超链接的样式：
A:link {text-decoration: none; color:#0000FF; font-family: 宋体}
A:visited {text-decoration: none; color: #800000; font-family: 宋体}
A:active {text-decoration: none; color: #FF0000; font-family: 宋体}
A:hover {text-decoration: underline; color:#FF0000}
推荐你可以上菜鸟教程官网学习
1.1 内联样式表
在标签中直接添加style 例：p style=“” /p
1.2 内嵌样式表
作为一个独立区域内嵌在网页内，必须卸载head标签内
例：head
style=“”
/style
/head
1.3 外部样式表
即css样式表，需要新建一个css文件，用来放样式表。如果在html文件中调用样式表，需在html文件中点击 右键→CSS样式→附加样式表。（一般用link连接方式）
注：有些标签会有默认的边距，一般写代码的时候会先去除（也可以设置其他需要的样式）
* （对所有标签起作用）
{margin：0px； （边距）
padding：0px；} （间距）
CSS是Cascading Style Sheet 的缩写。译层叠样式表单、集联样式表等。
举个例子。比如table或div就是做房子的砖瓦，用他们把整个网站的框架搭好。而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
CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML
（标准通用标记语言的一个子集）等文件样式的计算机语言。
有三种方法可以在站点网页上使用样式表：
外联式Linking（也叫外部样式）：将网页链接到外部样式表。
嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。
内联式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。
在Dreamweaver 8中，可以在开始弹出框中点击新建CSS文件。也可以在最上面的菜单栏里占击
文件，新建。在弹出框中选择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样式表的制作方法:
