css样式表怎么写 css样式基本格式
很多朋友对于css样式表怎么写和css样式基本格式不太懂，今天就由小编来为大家分享，希望可以帮助到大家，下面一起来看看吧！
怎样创建css样式表
CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML
（标准通用标记语言的一个子集）等文件样式的计算机语言。
有三种方法可以在站点网页上使用样式表：
外联式Linking（也叫外部样式）：将网页链接到外部样式表。
嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。
内联式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。
在Dreamweaver 8中，可以在开始弹出框中点击新建CSS文件。也可以在最上面的菜单栏里占击
文件，新建。在弹出框中选择CSS文件就可以了。
创建CSS样式表的三种方式
主要探讨HTML5中CSS（层叠样式表），它是用来对HTML文档外观的表现形式进行排版和格式化。
使用CSS
CSS样式由一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个CSS属性和属性值。
<p style="color:red;font-size:50px;">这是一段文本</p>
解释：style是行内样式属性。color是颜色属性，red是颜色属性值；font-size是字体大小属性，50px是字体大小属性值。
三种方式
创建CSS样式表有三种方式：1.元素内嵌样式；2.文档内嵌样式；3.外部引入样式。
1.元素内嵌样式
<p style="color:red;font-size:50px;">这是一段文本</p>
解释：即在当前元素使用style属性的声明方式。
2.文档内嵌样式
<styletype="text/css">
p{
color:blue;
font-size:40px;
}
</style>
<p>这是一段文本</p>
解释：在<head>元素之间创建<style>元素，通过选择器的方式调用指定的元素并设置相关CSS。
3.外部引用样式
<linkrel="stylesheet"type="text/css"rel="external nofollow" href="style.css">
//style.css
@charset"utf-8";
p{
color:green;
font-size:30px;
}
解释：很多时候，大量的HTML页面使用了同一个组CSS。那么就可以将这些CSS样式保存在一个单独的.css文件中，然后通过<link>元素去引入它即可。@charset"utf-8"表明设置CSS的字符编码，如果不写默认就是utf-8。北京电脑培训认为如果有多个.css文件，可以使用@import导入方式引入.css文件。只不过，性能不如多个<link>链接。
CSS中如何插入样式表
如何插入样式表当读到一个样式表时，浏览器会根据它来格式化 HTML文档。插入样式表的方法有三种：外部样式表当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用标签链接到样式表。标签在(文档的)头部：浏览器会从文件 mystyle.css中读到样式声明，并根据它来格式文档。外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 html标签。样式表应该以.css扩展名进行保存。下面是一个样式表文件的例子： hr{color: sienna;} p{margin-left: 20px;} body{background-image: url("images/back40.gif");}不要在属性值与单位之间留有空格。假如你使用“margin-left: 20 px”而不是“margin-left: 20px”，它仅在 IE 6中有效，但是在 Mozilla/Firefox或 Netscape中却无法正常工作。内部样式表当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用内联样式由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。要使用内联样式，你需要在相关的标签内使用样式(style)属性。例如，外部样式表拥有针对 h3选择器的三个属性： h3{ color: red; text-align: left; font-size: 8pt;}而内部样式表拥有针对 h3选择器的两个属性： h3{ text-align: right; font-size: 20pt;}假如拥有内部样式表的这个页面同时与外部样式表链接，那么 h3得到的样式是： color: red; text-align: right; font-size: 20pt;即颜色属性将被继承于外部样式表，而文字排列(text-alignment)和字体尺寸(font-size)会被内部样式表中的规则取代。
关于css样式表怎么写到此分享完毕，希望能帮助到您。