如何使用CSS
如何写CSS？？是不是在dreamweaver里面写CSS代码-保存，然后在网站里面里点样式下接列表选择CSS，要是我有100个页面要用时修改及调用一个CSS，如何做？？...
如何写CSS？？是不是在dreamweaver里面写CSS代码-保存，然后在网站里面里点样式下接列表选择CSS，要是我有100个页面要用时修改及调用一个CSS，如何做？？我是新手~~~~~~
展开
8个回答
展开全部
如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id" 和 "class"选择器。
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
以下的样式规则应用于元素属性 id="para1":
实例
#para1
{
text-align:center;
color:red;
}
ID属性不要以数字开头，数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。
class 选择器
class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示：
在以下的例子中，所有拥有 center 类的 HTML 元素均为居中。
实例
.center{
text-align:center;
}
你也可以指定特定的HTML元素使用class。
在以下实例中, 所有的 p 元素使用 class="center" 让该元素的文本居中:
实例
p.center{
text-align:center;
}
类名的第一个字符不能使用数字！它无法在 Mozilla 或 Firefox 中起作用。
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
以下的样式规则应用于元素属性 id="para1":
实例
#para1
{
text-align:center;
color:red;
}
ID属性不要以数字开头，数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。
class 选择器
class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示：
在以下的例子中，所有拥有 center 类的 HTML 元素均为居中。
实例
.center{
text-align:center;
}
你也可以指定特定的HTML元素使用class。
在以下实例中, 所有的 p 元素使用 class="center" 让该元素的文本居中:
实例
p.center{
text-align:center;
}
类名的第一个字符不能使用数字！它无法在 Mozilla 或 Firefox 中起作用。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
CSS的样式有3种：
1、内嵌样式
2、内部样式
3、外部样式
如果你想使用内嵌样式的话，格式：
<div style="color:red">内嵌</div>
如果是内部的话，格式：
<style type="text/css">
#top{
border-width:3px;
border-color:blue;
border-style:inset;
}
</style>
注意，这个是在<head></head>标签里面使用
外部样式表的格式：
1)、<link rel="stylesheet" type="text/css" href="7_2.css" />
2）、<style type="text/css">
@import "7_2.css";
</style>
如果你说你有100个网页需要调用的话，那你可以直接用外部样式表，这样看起来就不会那么复杂，不过那个也要看你自己了，你擅长那种都可以，不过CSS样式表<style></style>要写在<head></head>里面，不然没效果的
1、内嵌样式
2、内部样式
3、外部样式
如果你想使用内嵌样式的话，格式：
<div style="color:red">内嵌</div>
如果是内部的话，格式：
<style type="text/css">
#top{
border-width:3px;
border-color:blue;
border-style:inset;
}
</style>
注意，这个是在<head></head>标签里面使用
外部样式表的格式：
1)、<link rel="stylesheet" type="text/css" href="7_2.css" />
2）、<style type="text/css">
@import "7_2.css";
</style>
如果你说你有100个网页需要调用的话，那你可以直接用外部样式表，这样看起来就不会那么复杂，不过那个也要看你自己了，你擅长那种都可以，不过CSS样式表<style></style>要写在<head></head>里面，不然没效果的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你要在页面里面调用css，比如<link href="css.css" rel="stylesheet" type="text/css" />，这个写在title的下面，不太想打字，不晓得我说清楚没，你懂不懂，不懂可以直接hi我
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
有三种方法可以在站点网页上使用样式表：
外联式Linking（也叫外部样式）：将网页链接到外部样式表。
嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。
内联式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。
它们的区别就是优先级不一样：内联式 > 嵌入式 > 外联式
如何使用：
外部样式表
当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
内部样式表
当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}</style>
</head>
内联样式
当特殊的样式需要应用到个别元素时，就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
新建一个css文件保存起来，把所有的格式都定义到这个CSS中在html页面用
<link rel="stylesheet" type="text/css" href="config/config.css" />调用就行，把这行写在<title>无标题文档</title>上面或下面都行。
<link rel="stylesheet" type="text/css" href="config/config.css" />调用就行，把这行写在<title>无标题文档</title>上面或下面都行。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（6）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
