养花网DW中常用css样式四种类型详细解析说明？
1、外部样式
格式：<link type=”text/css” rel=”stylesheet” href=”css路径” />
举例：<link type=”text/css” rel=”stylesheet” href=”layout.css”/>
用处：这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。
备注：Rel：指明连接的是什么文件； Type：指明引入的文件的格式类型； Href：指明文件的路径，以引入文件为基准的相对路径。
2、内部样式
格式： <style type=”text/css”>选择器 {声明1、声明2………}</style>
这样的话，该文件中的所有P标签都将应用该style样式，而不需要在没一个html标签中写。
用处：这种形式是内部样式表，它是以<style>和</style>结尾，写在源代码的head标签内。这样的样式表只能针对本页有效。不能作用于其它页面
3、举例：
<html>
<head>
<title></title>
<style>
P{
font-size:50px;
color:red;
text-deceration:line
}
</style>
</head>
<body>
</body>
</html>
4、行内样式：就是直接在html标签后面写样式代码
<p style=”font-size:50px;color:red;text-deceration:line”>啊啊啊啊</p>
用处：这种在标签内以style标记的为内部样式，内部样式只针对标签内的元素有效，因其没有和内容相分离，所以不建议使用。
5、导入样式
@import url(“/css/global.css”);
链接样式是以@import url标记所链接的外部样式表，它一般常用在另一个样式表内部。如layout.css为主页所用样式，那么我们可以把全局都需要用的公共样式放到一个 global.css的文件中，然后在layout.css中以@import url(“/css/global.css”)的形式链接全局样式，这样就使代码达到很好的重用性。
6、CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。
selector {declaration1; declaration2; … declarationN }
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。
selector {property: value}
下面这行代码的作用是将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素。
在这个例子中，h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。
h1 {color:red; font-size:14px;}
提示：请使用花括号来包围声明。
css规则可分为哪三种？
CSS样式分为：内联式css样式、嵌入式css样式、外部式css样式。
对CSS三种样式定义及其实例：
内联式css样式。
内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码：
1 <p style=”color:red”>这里文字是红色。</p>
css样式代码要写在style=””双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开（英文状态下;）。
嵌入式css样式。
嵌入式css样式，就是可以把css样式代码写在标签之间。如下面代码实现把三个标签中的文字设置为红色：
1 <style type=”text/css”>span{color:red;}</style>
嵌入式css样式必须写在之间，并且一般情况下嵌入式css样式写在之间。
外部式css样式。
外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名（也可以为调用其他网站CSS）。
1 <link href=”style.css” rel=”stylesheet” type=”text/css” />
注意事项： 1、css样式文件名称以有意义的英文字母命名，如 main.css。 2、rel=”stylesheet” type=”text/css” 是固定写法不可修改。 3、标签位置一般写在标签之内。
掌握好三种CSS三种样式使用方法在Web开发中将节省很多时间。
CSS样式的方式和特点是什么？
1.继承性
作用：子元素可以继承父元素的样式
text-，font-，line-这些元素开头的都可以继承，以及color属性
特殊性：
①. a标签的颜色不能继承，必须对a标签本身进行设置
②. h标签的字体大小不能修改，必须对h标签本身进行修改
2.层叠性
是浏览器处理冲突的一个能力
如果一个属性通过两个选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉
3.优先级
权重：！important>行内样式>id选择器>类选择器>标签选择器>通配符>继承
作用：多个选择器组合以后的优先级
算法：（0，0，0，0）==》第一个0是important的个数，第二个0是id选择器的个数，
第三个0对应的类选择器的个数，第四个0对应的是标签选择器的个数，就是当前选择器的权重。
CSS样式是专门用来进行什么的，样式表中的CSS包括三种类型？
CSS即层叠样式表（Cascading Style Sheets），是一种专门用来表现HTML或XML等文件样式的计算机语言。
CSS样式主要包含以下三种类型：
1、行内样式（内嵌样式）：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。
例：<标记 style=”样式的属性名1：样式的属性值1；属性名2：属性值2；……”></标记>
2、内部样式（内联样式）：写在HTML页面内部，存放于head标记当中，样式写在style标记内。
例：<style>选择器 {属性名：属性值；属性名：属性值；……}</style>
3、外部样式（外联样式）：写在css文件内。
CSS中最基本的形式是？
CSS基本表现形式只有三种：
标签样式、Class类样式、ID样式。
1.标签样式: 必须与HTML标签同名。仅仅影响同名标签
2.Class样式：可以在任何标签中使用: class=”样式名”
3.ID样式
优先级 ID > Class > Label
1: HTML (结构层) 2: CSS (表现层) 3: JavaScript (行为层) 的关系。
2: HTML类似人的骨骼, CSS就像人的皮肤，JS给人赋予生命。
3: 前端框架：BootStrap / Jquery (通过网页的dom对象类进行选择) / Vue、Angularjs （双向数据绑定）。
在Dreamweaver中,可以使用哪些类型的CSS样式？
样式表类型
1、内联样式表 直接在HTML标记内，插入sytle属性，再定义要显示的样式，这是最简单的样式定 义方法。不过，利用这种方法定义样式时，效果只可以控制该标记，其语法如下： <标记名称 > 如：
2、 嵌入样式表……标签对中，被输入的css文件中的样式规则定义语句就成了标签对中的语句。
css分类？
css 样式表分类
一，样式表分类
（1）内联样式【优先级最高】【常用】【代码重复使用性最差】
（当特殊的样式需要应用到个别元素时，就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。）
（2）内嵌样式表【优先级第二】【最不常用】【代码重复使用性一般】
（当单个文件需要特别样式时，就可以使用内嵌样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。）
（3）外部样式表【优先级最低】【最常用】【代码重复使用性最好】
（当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。）
I。先创建一个样式表
II。写入样式表内容，调整样式表位置
二。选择器
每一条css样式定义由两部分组成，形式如下：
选择器
{样式}
在{}之前的部分就是“选择器”。
“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。
选择器是选择器，外部样式表只是代码位置
（1）类别选择器（ class选择器）【第二优先级】【最常用】
前面以”.” 来标志，如：
.d1
{
color:red；
}
在HTML页中：
【1】<div class=”d1″;>文字</div> 文字颜色为红色
【2】<p class=”d1″;>文字</p > 文字颜色为红色
定义了一个class类，将样式应用到了元素中。
（2）id选择器【第一优先级】【最常用】
前面以”#”来标志，如：
#d2
{
color:blue;
}
在HTML页中：
<div class=”d1″ id=”d2″>文字</div> 文字颜色变为蓝色 【id选择器优先级高于类别选择器】
（3）标签选择器（根据标签名选择）【第三优先级】【如果同时出现类别选择器和id选择器，按照优先级来及执行】【最不常用】
前面以”标签名”来标志，如：
div
{
color：red；
}
在HTML页中：
<div>文字<div> 文字颜色变为红色
（4）复合选择器【有id第一优先级/都是类别选择器第二优先级】【最最常用】
[1]群组选择器
当几个元素样式属性一样时，可以共同调用一个声明，元素之间用逗号分隔。
.d1,#d2
{
color:red;
}
在HTML页中：
【1】<div class=”d1″;>文字</div> 文字颜色为红色
【2】<p id=”d2″;>文字</p > 文字颜色为红色
使用群组选择器，将会大大的简化CSS代码，将具有多个相同属性的元素，合并群组进行选择，定义同样的CSS属性，这大大的提高了编码效率，同时也减少了CSS文件的体积。
[2]后代选择器
后代选择器也称为包含选择器，用来选择特定元素或元素组的后代，将对父元素的选择放在前面，对子元素的选择放在后面，中间加一个空格分开。
.d1 #d2
{
color:blue;
}
在HTML页中：
<div class=”d1″ id=”d2″>文字</div> 文字颜色变为蓝色
后代选择器是一种很有用的选择器，使用后代选择器可以更加精确的定位元素。
css中哪些样式是有继承性？
css中下列样式是有继承性：
所有子元素可继承：visibility和cursor、z-index。
内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction。
块状元素可继承：text-indent和text-align。
列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。
表格元素可继承：border-collapse。
css常见字体样式？
样式一：
body {undefined
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: “Times New Roman”, Times, serif;
font-size: 14px;
color: #000000;
background: #f2e7ca url(images/templatemo_body.jpg) top center no-repeat;
}
样式二：
body {undefined
background:#2f373a;
font-family:Arial,Helvetica,sans-serif;font-size:100%;
line-height:1em;color:#4e4e4e;
min-width:920px;
border-top:10px solid #0c0e0e
}
样式三：
body {undefined
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
vertical-align:middle;
font-weight:normal
}
样式四：
body
{undefined
margin:0px;
padding:0px;
background-color:#E7EAEB;
font-family:”微软雅黑”,”黑体”,”宋体”;
font-size:12px;
height:36px;
}
样式五：
body
{undefined
font: .8em Arial, Tahoma, Verdana;
background: #fff url(../images/bg.gif) repeat-x;
color: #777;
}
样式六：
body
{undefined
width:auto; margin-top:12px;
float:right; font-family:”Trebuchet MS”, Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
line-height:25px;
letter-spacing:1px
}
样式七：
body
{undefined
width:auto;
margin-left:1px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#5f5f5f;
line-height:35px;
text-transform:uppercase
}
样式八：
body {undefined
background: #e1e5e8;
font-family: “Georgia”, Tahoma, Sans-Serif;
font-size: 12px;line-height: 18px;
color: #888;
}
样式九：
body
{undefined
width:130px; height:20px;
background:url(images/servicesbg.gif) 0 0 repeat-x #68EF00;
color:#317400;
font:18px/14px Georgia, “Times New Roman”, Times, serif;
margin:34px 0 0 37px;
}
样式十：
body
{undefined
display:block;
width:94px;
height:20px;
background: url(images/serviceslink1bg.gif) 0 72% no-repeat #6DFD00;
color:#01699F;
font:13px/20px Georgia, “Times New Roman”, Times, serif; text-decoration:none;
}
样式十一：
body {undefined
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Georgia, “Times New Roman”, Times, serif;
font-size: 12px;color: #33322e;background: #39443D url(images/templatemo_body_bg.jpg) repeat-x;
/* background: #47443c url(images/templatemo_body_bg_2.jpg) repeat-x; */
}
样式十二：
body {margin: 0;padding: 0;line-height: 1.5em;font-family: Tahoma, Geneva, sans-serif;font-size: 12px;color: #6f6f6f;
background: #2ac5c0 url(images/templatemo_body_top.jpg) repeat-x;
}
样式十三：
body {undefined
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Verdana, Geneva, sans-serif;font-size: 11px;
color: #ffffff;background: #005b7f;
}
样式十四：
body {undefined
margin: 0;
padding: 0;
line-height: 1.7em;
font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif;
font-size: 12px;color: #333333;
background: #000000 url(images/templatemo_main_bg.jpg) repeat-y center;
}
样式十五：
body {undefined
margin: 0;
padding: 0;
line-height: 1.7em;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;color: #707b84;
background: #3e464d;
}
样式十六：
body {undefined
margin: 0;
padding: 0;
line-height: 1.7em;
letter-spacing: 1px;
font-family: Georgia, “Times New Roman”, Times, serif;font-size: 12px;
color: #333;
background: #e1d1d6 url(images/templatemo_body.png) repeat-x top;
}
样式十七：
body {undefined
margin: 0;
padding: 0;
line-height: 1.7em;
letter-spacing: 1px;
font-family: Georgia, “Times New Roman”, Times, serif;font-size: 12px;
color: #333;
background: #e1d1d6 url(images/templatemo_body.png) repeat-x top;
}
样式十八：
body
{undefined
background:url(images/bg.gif) repeat #000000;
padding:0; font-family:arial, sans-serif; font-size:12px;
margin:0px auto auto auto;
color:#36322b;
}
样式十九：
body
{undefined
margin:0px;
padding:0px;
background:url(images/mainbg.gif) 0 0 repeat-x #F6F4E4;
color:#6B6854;
font:14px/18px “Trebuchet MS”, Arial, Helvetica, sans-serif;
}
样式二十：
body
{undefined
font-family:Georgia;
font-family:Arial;
}
