css的样式有哪些

这篇文章将为大家详细讲解有关css的样式有哪些，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

创新互联专业为企业提供克山网站建设、克山做网站、克山网站设计、克山网站制作等企业网站建设、网页设计与制作、克山企业网站模板建站服务，十载克山做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

css中有3种样式：1、行内样式，将css样式代码写在HTML标签的style属性中；2、内部样式，将css样式代码写HTML文档head部分的“

示例：为段落设置内嵌式样式书写方法，减少代码量。

	
		
		
		
			p {
				text-align: left;/*文本左对齐*/
				font-size: 18px;/*字体大小 18 像素*/
				line-height: 25px;/*行高 25 像素*/
				text-indent: 2em;/*首行缩进2个文字大小空间*/
				width: 500px;/*段落宽度 500 像素*/
				margin: 0 auto;/*浏览器下居中*/
				margin-bottom: 20px;/*段落下边距 20 像素*/
			}
		
	
	
		
测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！
		
测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！
		
测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！
	

效果图：

3、外部样式

如果 CSS 样式被放置在网页文档外部的文件中，则称为外部样式表，一个 CSS 样式表文档就表示一个外部样式表。

实际上，外部样式表也就是一个文本文件，扩展名为.css。当把CSS样式代码复制到一个文本文件中后，另存为.css文件，则它就是一个外部样式表。

如下图所示：

外部样式表可以通过HTML 的 标签或者@import 命令导入到 HTML 文档中。

语法：

@import css文件;
@import 'css文件';
@import "css文件";
@import url(css文件);

示例1：使用 标签

	
		
		
		
		
	
	
		
我是被 lianjie-2.css 文件控制的，楼下的你呢？？
		
楼上的，lianjie.css 文件给我穿的花衣服。
	

示例2：使用@import 命令

    @import url(lianjie.css);
    @import url(daoru.css);
    body { background-color: #e4e929; }



    

        
我是被 lianjie-2.css 文件控制的，楼下的你呢？？
        
褛上的，lianjie.css文件给我穿的花衣服。
    

关于css的样式有哪些就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

本文标题：css的样式有哪些
URL分享：http://cdxtjz.cn/article/iighcp.html