网站建设资讯

NEWS

网站建设资讯

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 像素*/
			}
		
	
	
		

测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!

测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!

测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!

效果图:

css的样式有哪些

3、外部样式

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

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

如下图所示:

css的样式有哪些

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

语法:



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

示例1:使用 标签



	
		
		
		
		
	
	
		

我是被 lianjie-2.css 文件控制的,楼下的你呢??

楼上的,lianjie.css 文件给我穿的花衣服。

css的样式有哪些

示例2:使用@import 命令






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



    
        

我是被 lianjie-2.css 文件控制的,楼下的你呢??

        

褛上的,lianjie.css文件给我穿的花衣服。

    

css的样式有哪些

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


网站标题:css的样式有哪些
分享路径:http://njwzjz.com/article/iighcp.html