HTML的组成部分

dtd部分：文档类型说明，声明版本、标准

header部分：给机器看的
body部分：给人看的

CSS控制div显示

是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是

固有的唯一格式表现。可以通过

的 class 或 id 应用额外的样式。
如下代码是CSS通过id设置每个div的宽高和背景色

 Document

执行效果：

浮动布局

我们先写两个div设置上背景颜色看看效果

 Document

我是左边

我是右边

上文也说ddiv的内容会自动地开始一个新行，所以想将两个div左右排列就要进行浮动布局

我们分别在CSS中加上float属性

效果如下图：

清除浮动

当有浮动布局和普通div共同存在时，会发生如下覆盖的情况

 Document

我是左边

我是右边

我不设置浮动

所以如果不想被覆盖，就要清除浮动

在CSS中对普通元素设置clear属性

当我们增加 clear: left; 时，代表不让左边浮动盖着自己

 #normal { height: 400px; background: blue; clear: left; }

此时清除左浮的div就会贴着左浮的div下边显示，如图：

同样的还可设置 clear: right; 代表不让右边浮动盖着自己；设置 clear: both; 代表不让浮动盖着自己。这里不做演示

点击【右上角，关注子瑜说IT 】持续更新IT资讯以及web前端开发教学

8年开发老码农福利赠送：网页制作，网站开发，web前端开发，从最零基础开始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移动端小程序项目实战【视频＋工具＋系统路线图】都有整理，送给每一位对编程感兴趣的小伙伴

获取方式：

右上角有私信，请私信发我：01 即可获取！

div html 下边加横线_HTML的组成部分、DIV+CSS布局相关推荐

div html 下边加横线_HTML如何在两个div中画一条横线 | 学步园
近日在画一个界面的时候,遇到一个需求:在界面当中画一条竖线,且这条竖线在高度上需要自动占满整个父div(即这条竖线的高度和两个div中较高的一个等高). 往常我们画一条横线直接用标签< hr&g ...
div html 下边加横线_css字体下边横线 html超链接更改颜色和去掉下划线
怎样用CSS样式在文字下面加下划线一般有两种方法: 一.通过CSS下划线代码:text-decoration:underline来设置文字下划线. 实例演示如下: 实例代码如下: 此时页面效果如下: ...
div html 下边加横线_css怎么添加下划线？
对字体文字加下划线样式,有两种方法,一直直接使用html下划线标签,另外一种是使用CSS下划线样式.下面我们来看一下使用css添加下划线的方法. css可以使用text-decoration属性添加下 ...
div html 下边加横线,如何在HTML文本下添加一个虚线下划线
How do you underline html text so that the line beneath the text is dotted rather than the standard ...
div html 下边加横线_CSS如何给文字添加下划线样式？
在CSS中可以使用text-decoration属性或border-bottom属性来给文字添加下划线样式.下面本篇文章就来给大家介绍一下,希望对大家有所帮助. 方法1:使用text-decorati ...
【转贴】没有div没有float没有clear没有hack的超强CSS布局
[转贴]没有div没有float没有clear没有hack的超强CSS布局原贴地址:http://parandroid.com/no-float-css-layout/ CSS + XHTML 有多 ...
css 字体加粗_HTML基础属性与CSS基础
有头发且有趣的码农万里挑一~ 40 有料叔 | 一位有故事的程序猿 1HTML基础属性 1.class属性:用于定义元素的类名,如需为一个元素规定多个类,用空格分隔类名定义格式: 2.name属性: ...
合并的表格怎么加横线_如何在excel中文字后面加横线
如何在excel中文字后面加横线以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 如何在excel中文字后面加横线好办啊 ...
html页面判断其他div为空,将外部html加载到div中 - 页面加载然后变为空白
我确信这将会变成一件愚蠢的事情,但是自从我成为JavaScript noob以来,这里就变成了一件愚蠢的事情.将外部html加载到div中 - 页面加载然后变为空白我想外部HTML内容加载到我的索引 ...

div html 下边加横线_HTML的组成部分、DIV+CSS布局

点击【右上角，关注子瑜说IT 】持续更新IT资讯以及web前端开发教学

右上角有私信，请私信发我：01 即可获取！

div html 下边加横线_HTML的组成部分、DIV+CSS布局相关推荐

最新文章

热门文章

div html 下边加横线_HTML的组成部分、DIV+CSS布局

点击【右上角，关注 子瑜说IT 】持续更新IT资讯以及web前端开发教学

右上角有私信，请私信发我：01 即可获取！

div html 下边加横线_HTML的组成部分、DIV+CSS布局相关推荐

最新文章

热门文章

点击【右上角，关注子瑜说IT 】持续更新IT资讯以及web前端开发教学