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

CSS权威指南第3版 第1章 CSS和文档

时间:2016-06-19 22:46:13      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:

替换元素与非替换元素

技术分享
    <!-- 替换元素(replaced element)是指用来替换元素内容的部分并非由文档内容直接表示 -->
    <img src="test.jpg" />
    <!-- 非替换元素(nonreplaced element)是指元素的内容在元素本身生成的框中显示 -->
    <spa>Hello World</spa>
View Code

元素显示角色

技术分享
    <!-- CSS2.1使用另种基本元素类型,块级(block-level)元素和行内(inline-level)元素 -->
    <!-- 块级元素生成一个元素框,(默认地)它会填充其父元素的内容区,旁边不能有其他元素 -->
    <p>p element</p>
    <div>div element</div>

    <!-- 行内元素在一个文本行内生成元素框,而不会打断这行文本 -->
    testsststst<a href="#">a element</a>tststststs
View Code

候选样式表

技术分享
    <!-- 将rel属性的值设置为alternate stylesheet,就可以定义候选样式表,只有在用户选择这个样式表时才会用于文档表现,只有部分浏览器支持 -->
    <link rel="stylesheet" type="text/css" href="CSS/1.css" title="black" />
    <link rel="alternate stylesheet" type="text/css" href="CSS/2.css" title="red" />
View Code

@import指令

技术分享
    <style type="text/css">
        @import url(1.css);
        @import url(2.css);
        @import url(3.css);
    </style>
View Code

 

CSS权威指南第3版 第1章 CSS和文档

标签:

原文地址:http://www.cnblogs.com/revoid/p/5598865.html

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