HTML中Css详细介绍

转载于 2017-05-17 08:18:00 发布 · 187 阅读

·

0

·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/fancyxk/p/6865663.html

一、样式表的作用
　　1、Css样式表，层叠样式表
　　2、类似于人类的衣服，网页的衣服
　　3、作用：美化网页
　　4、优势：

　　　　1.内容与表现分离，便于维护
　　　　2.样式丰富，页面布局灵活
　　　　3.提高页面的访问速度，减少网络的带宽
　　　　4.有利于被seo收录
二、样式表的类型
　　1.行内样式表 <html标记 p style="属性：值；......"></html 标记>
　　2.内部样式表——写在<head></head>中的<style>标签中
　　<head>
　　<style type="text/css>"</head></style>
　　选择器（属性：值）
　　3.外部样式表
　　单独的拓展名为css的文件
在文件中，直接编写【选择器】就可以了
在网页中，连接外部的样式表拓展名为css的文件 P103 <link type="text/css" rel="stylesheet" hre表文件"/>
三、CSS表的语法
选择器的名{网页的属性:值;...............}
1.标签选择器--html标记
　　1.会自动应用的网页的标签上面
2.类选择器--.选择器名{属性:值}
　　在需要应用选择器的html标记中，添加属性值
　　<html 标记 class="类选择名">
3.ID选择器--#选择器名{属性:值}

四、样式表和选择器的优先
　　行内样式>内部样式表>外部样式表 ID>类选择器>标签

转载于:https://www.cnblogs.com/fancyxk/p/6865663.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。