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

HTML中Css补充资料

时间:2017-06-15 23:32:53      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:html   应用   ...   styles   空格   link   方式   href   开头   

3种样式表
  内部样式表
在<head></head>中 <style type="text/css">......</style>定义不同的选择器
  外部样式表运用
新建拓展名为CSS的样式表文件
在CSS样式表文件中,可编写不同的选择器
在网页中,使用<link/>标记连接外部的样式表文件
在对应的html标记中,使用id="id"选择器名 class="class"选择器名

<link href="文件地址" rel="stylesheet" style="text/css"/> 
  行内样式表
不建议使用行内样式表
在对应的html标记中,添加style="属性:值;"
3种选择器
  标签选择器,自动应用到网页中对应的html标记中
  类选择器,必须在html标记中,添加class=class选择器名
  ID选择器,必须在html标记中,添加id=id选择器名

二、CSS的高级应用——复合选择器
1、后代选择器 PS:只适用于html的标签 不能以.或者#号开头 PS:外层必须html标签 内层(3个选择器的任意一种)可以.或者#开头
  语法: 外层的html的标记 内层的标记{属性:值} 2个标记名中必须空格
2、交集选择器
  语法:由两个选择器构成,第一个必须是标签选择器,
  第二个必须是类选择器或者ID选择器,2个选择器中不能有空格
方式1.
  htm标记名.类选择器名{属性名:值;}
方式2.
  htm标记名#id选择器名{属性名:值;}

3、并集选择器——应用非常广泛
  选择器1、选择器2、选择器3、选择器4...选择器n{属性:值;....} 全都运用这些属性、

HTML中Css补充资料

标签:html   应用   ...   styles   空格   link   方式   href   开头   

原文地址:http://www.cnblogs.com/wenwei111/p/7020457.html

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