8小时学会div+css 视频教程
Jaylin516041
这个作者很懒,什么都没留下…
展开
-
子DIY浮动高度超过父DIV导致父DIV高度变为0
在父子DIV中,当子DIV的高度超过了父DIV,并且子DIV浮动时,会发现父DIV的高度变成了0。因此需要在父DIV的属性中增加overflow:hidden或者overflow:auto规避。则父DIV的高度会随着子DIV的高度自适应。原创 2016-01-15 17:48:57 · 624 阅读 · 0 评论 -
块状元素与内联元素
一、哪些元素是块状哪些是内联?常见的块状元素与内联元素块状元素内联元素address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级容易,也是CSS layout的主要标签dl - 定义列表fieldset - form控制组form - 交原创 2016-01-18 17:57:59 · 1363 阅读 · 0 评论 -
dic取消浮动
当有多个div并且要求其并排显示时,需要设置其float属性。则div是浮动显示的,不添加浮动属性的DIV是会添加到浮动的DIV下 如下:代码: 第6课-浮动布局 #rside{ height:100px; background: green; width: 200px; float: right; } #lside{ height: 100px;原创 2016-01-14 15:17:06 · 641 阅读 · 0 评论 -
HTML与XHTML的区别
形成背景编辑可扩展超文本标记语言。HTML是一种基本的WEB网页设计语言,XHTML是一个基于可扩展标记语言的标记语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的可扩展标记语言(XML),所以,本质上说,XHTML是一个过渡技术,结合了部分XML的强大功能及大多数HTML的简单特性。2000年底,国际W3C组织(万维网联盟)组织转载 2016-01-12 20:50:54 · 300 阅读 · 0 评论 -
DOCTYPE
定义和用法 声明必须是 HTML 文档的第一行,位于 标签之前。 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。在 HTML 4.01 中, 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。HTML5 不基于 SGML,所以不需要引用 DTD转载 2016-01-12 20:53:35 · 238 阅读 · 0 评论 -
CSS引入方式
在HTML中引入CSS的方法主要有四种,它们分别是行内式、内嵌式、链接式和导入式。1.行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。2.嵌入式 嵌入式是将CSS样式集中写在网页的标签对的标签对中。格式如下:转载 2016-01-14 14:36:18 · 378 阅读 · 0 评论 -
DIV居中
使得DIV在浏览器中居中。可以有几种方案一、使用margin调整DIV居中在DIV属性中,设置DIV的margin为auto可将DVI自动居中。原创 2016-01-18 15:27:09 · 362 阅读 · 0 评论 -
父DIV padding和子DIV margin
在我们使用DIV创建布局的过程中,有可能遇到这种情况:在父DIV中有一个子DIV,当我们想保持父DIV和子DIV之间保持一定距离的时候,是应该用父DIV的padding属性还是用子DIV的margin属性呢?答案是使用子DIV的margin属性,因为padding的应用场景主要是用于控制DIV内文字与DIV的距离,如果是涉及到布局的话,一般使用子DIV的margin属性。原创 2016-01-18 15:02:34 · 1135 阅读 · 0 评论 -
DIV浮动布局位置初步探索
DIV可以设置浮动,并排显示,但是如果DIV之间的高度各不相同的时候,会出现什么样的情况呢?一、如下代码中,父DIV中有三个子DIV #content{ width:1000px; height: 600px; background: green; } #test1{ background: red; height: 200px; width: 400原创 2016-01-15 18:07:13 · 395 阅读 · 0 评论 -
CSS fon属性
实例在一个声明中设置所有字体属性:p.ex1 { font:italic arial,sans-serif; }p.ex2 { font:italic bold 12px/20px arial,sans-serif; }浏览器支持IEFirefoxChromeSafariOpera原创 2016-01-20 15:49:10 · 566 阅读 · 0 评论