首页 > Web开发 > 详细

HTML中Css详细介绍

时间:2017-06-16 22:46:58      阅读:262      评论:0      收藏:0      [点我收藏+]

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

原文:http://www.cnblogs.com/wenwei111/p/7029365.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!