CSS代码怎么用？放哪？_安全

首先可以确认一点的是，CSS3和CSS本质上是一样的，都是层叠样式表，但两者又有很大的区别，或者说CSS3是CSS的升级补充版本。

CSS3和CSS本质上是一样的

CSS是层叠样式表（CascadingStyleSheets）的英文简称，它主要用来对页面进行样式修饰（定义了HTML元素的显示方式）的。

而CSS3是CSS的最新“标准”，也是CSS的版本升级，推出了一些新的东西：盒子模型、多栏布局、媒体查询、动画、背景和边框、列表模块、语言模块、文字特效等模块。

可能有人会问，有CSS和CSS3，那有没有CSS2呢？其实，我们现在所说的CSS就是CSS2版本，CSS2的精髓就是内容和表现分离。

CSS3并未成为真正的标准

特别是现在移动互联网及H5的兴起，CSS3的应用更为广泛了，但值得注意的是：CSS3当前依旧没能成为真正的标准！为什么呢？因为现在市面上的浏览器太多，而不同浏览器对于CSS3的支持程度不同，不同浏览器还使用了不同的前缀来修饰样式，如：

谷歌Chrome、苹果Safari：-webkit-

微软IE：-ms-

火狐Firefox：-moz-

所以站在这一点上，CSS3还是区别于CSS的。

1、使用Dreamweaver等工具来新建
2、新建一个空白的记事本，后缀名修改为css
3、引入，使用<link/>标签来应用你的CSS，具体用法如下
<link rel="stylesheet" type="text/css" href="你的CSS文件路径"/>

（1）使用Embed（嵌入样式单）排版样式：
即将CSS代码直接插入每个页面的HTML的<head>区，就象上一节看到的。使用<style></style>标签。例如：
<style type="text/css">

</style>
（2）使用“link（外部样式单）排版样式”：
即你可以将多个页面的排版风格都用一个样式单文件控制。这个外部的样式单文件（一个扩展名是css的文本文件）将设定你所有网页的规则。如果你改变样式单文件中的某行，所有页面风格用这个css文件定义的页面都会随之改变。如果你的站点文件非常多，则这项功能就非常方便了。
在<HEAD>区内使用<LINK>标签（注意：不再是<style>标签了）：
<HTML>
<HEAD>
<LINK REL=stylesheet HREF=">css中的内联样式注意要写在元素的开始标签里，并且css样式代码要写在style=“”双引号中。

css是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

FrontPage中：
在“网页”视图中，打开需要应用样式表(CSS)的网页，然后在“格式”菜单上，单击“样式表链接”，打开“链接样式表”对话框，单击“添加”按钮，在打开的“选择样式表”对话框中，选择刚才建立的CSS样式文件，单击“确定”后，即可将其添加在“URL”列表中。如果选中“所有网页”选项，可以将样式文件应用到网站所有网页中，选择“当前网页”只会在当前编辑网页中使用。另外，如果要将样式应用于网页上段落或者文字，首先可以选择要应用样式的文字，然后在工具栏的样式列表框中选择要应用的样式名称即可
Dreamweaver中：
<head>
<title></title>
<link href="你的css文件地址" rel=stylesheet type="text/css">
</head>
外链与嵌入的区别：
外部 CSS 样式表是一系列存储在一个单独的外部 CSS (css) 文件（并非 HTML 文件）中的 CSS 规则。利用文档文件头部分中的链接，该文件被链接到 Web 站点中的一个或多个页面。

一个页面可以外链多个css样式。一个样式表也可以被多个页面共用。但是浏览器要解析两次代码，也就是说增加了一次>

光是CSS是做不了网页的,CSS是样式表,简单说就是控制网页里所有元素的表现形式,比如背景,比如字体大小,颜色他需要和你html一起组成网页网页主要是内容的体现,最好用div的写法,就是层样式,网页里标签都可以设置id,就像人取了一个名字,id不能重复,然后在css里用

#id{样式代码}的方式就能控制这个id了

如果多个内容相同,可以看做他们是一组的,就是class,设置class

class名称{样式代码}就可以设置这个组的样式了,class名可以重复,主要应用就是这二个,还有更多资料相信你可以在很多地方找到教程

CSS的调用，按照CSS出现在页面的不同位置，可以分为3种方法：
元素中直接使用；
从页面头部调用；
采用链接的形式调用。
不同的调用方法有不同的写法和优先级。下面分别做一下介绍。
一、元素中直接使用
这种调用方式的写法如下：
<元素名称 style="属性:属性值;"></元素名称>
在样式中直接使用CSS，语法是使用style标签，在双引号中，样式的语法结构和独立样式表中完全相同。例如：
<div style="width:240px;height:80px;background-color:#cccccc;text-align:center;font-size:14px">
示例：元素中直接调用。</div>
该样式中定义了元素宽、高为360、80像素，背景色为灰色，字体大小为14像素。其应用到页面中的显示如图1。
二、从页面头部调用
从页面头部调用CSS是将CSS写在页面的head元素中，然后在页面中调用。其语法结构如下：
<style>
选择符{属性:属性值;}
</style>
页面上的所有样式都可以写在<style>和</style>中。使用这种方式调用CSS，在页面中必须有相应的调用代码。
其中，类选择符的调用代码如下：
<元素名称 class="类选择符名称"></元素名称>
ID选择符的调用代码如下：
<元素名称 id="id 类选择符名称"></元素名称>
下面我们来用一个示例演示一下。
<head>
<title>CSS调用方法</title>
<style>
content{
background-color: #cccccc;
font-size: 14px;
width: 240px;
height: 80px;
color: Blue;
text-align: center;
}
</style>
</head>
<body>
<div class="content">示例：从页面头部调用。</div>
</body>
该样式应用到页面的效果如图2所示。
三、采用链接的形式调用
采用链接的形式调用CSS通常有两种方法：
使用link元素
使用link元素调用CSS的语法如下：
<link rel="stylesheet" href="css文件路径" type="text/css"/>
其中rel="stylesheet"指这个link和其href之间的关联样式为样式表文件。type="text/css"指文件类型是样式表文本。
使用@import
使用@import调用和使用link元素调用的区别在于，使用@import的调用方法只能使用在样式文件中，即只能在调用的样式文件，或style元素中才能正常使用

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/yw/12940221.html

CSS代码怎么用？放哪？

发表评论

评论列表（0条）