码迷,mamicode.com
首页 > Web开发 > 详细

HTML中Css详细介绍

时间:2017-05-17 10:16:55      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:html   ...   类型   type   衣服   页面   link   选择器   访问速度   

一、样式表的作用
  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详细介绍

标签:html   ...   类型   type   衣服   页面   link   选择器   访问速度   

原文地址:http://www.cnblogs.com/fancyxk/p/6865663.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!