首页 > 代码库 > HTML中Css详细介绍

HTML中Css详细介绍

一、样式表的作用
  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>类选择器>标签

HTML中Css详细介绍