首页 > Web开发 > 详细

css随笔1--css和文档

时间:2021-06-25 16:45:12      阅读:10      评论:0      收藏:0      [点我收藏+]

1.元素

1.1置换元素与非置换元素

置换元素:只用来置换元素内容的部分不由文档内容直接表示。例如 <img src="aaa.gif"> 这段标记只包含一个元素名和一个属性。如果不指向外部内容(这里通过src属性指定一个图像),这个元素什么也表示不了。

非置换元素:HTML元素大部分都是非置换元素,元素的内容由用户代理(通常是浏览器)在元素自身生成的框中显示。

1.2块级元素和行内元素

块级元素:独占一行,最常见的块级元素有p,div。不能出现在行内元素中

行内元素:在一行文本内生成元素框,不打断所在的行。最常见的行内元素是a,strong,em,

可通过display设置属性

display:block 设置为块级元素

    inline 设置为行内元素

2.文档关联CSS的方式

2.1 link标签

<link rel="stylesheet" type="text/css" href="sheet1.css">

通过link标签链接的样式表不是HTML文档的一部分——外部样式表,link标签必须放在head元素中。外部样式表保存为.css文件。

2.2 style元素

<style></style>:直接写在文档中

2.3@import

@import url(sheet2.css);

@import指令在style元素内部,必须放在所有样式规则前面,主要用于一个外部样式表引用另一个外部样式表

2.4 http链接

使用http首部

2.5 行内样式

可以使用html元素的style属性设置行内样式,除了body元素之外的标签,所有html标签都可以设定style标签

 

css随笔1--css和文档

原文:https://www.cnblogs.com/northeast-boy/p/14931250.html

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