css+div(2)

list-style-type:none 去掉项目符号

块级元素：body，ul li，ol li，table，p,h1~h6,div......

1.块级元素里面的内容，或者它的背景图片，默认显示在块的左上角。

2.块级元素默认情况下，单独占满一行。

如何用块级元素实现并排？

html:

css:

#d1,#d2

{

height:150px;

width:100px;

border:solid 2px red;

}

用float：left实现并排（向左漂浮）

float：right（向右漂浮）

clear：borth 清除左右的浮动

盒子模型

margin（外间距）border（边）padding（内边距）

行内元素有<span></span>，<a>

特点：

1.它默认情况下不会单独占满一行。

2.行内元素的高度和宽度不是受css的height和width决定，而是由它里面的内容的多少决定。

行内元素可以变成块级元素用display：block

重点：绝对定位（position:absolute）和相对定位（position:relative）

绝对定位：当一个块级元素脱离文档流，它就不会占满一行，然后浮动对它也是没有作用的。它的方位就受到具体页面窗体的top和left的影响。

(设置跟随鼠标的图片)

相对定位：设置position：relative，说明这个div还存在文档流，没有脱流文档流，针对上一级的上边和左边。

区别

1.绝对定位真正脱离文档流，脱离文档流不受浮动和文档流的影响。而相对定位会受到文档流的影响。

2.绝对定位只受到具体的窗体的top和left影响，相对定位只受到上一级的top和left影响。

z-index空间设置（值大的位于值小的上方）

overflow：auto 文本超出有滚动条

overflow:hide 文本超出的部分隐藏

overflow:scroll 文本超出或没有超出都有滚动条

转载于:https://www.cnblogs.com/kanjiandeguang/p/4834905.html

css+div(2)相关推荐

CSS：CSS+DIV布局网页
现代网页布局:CSS+DIV: 一般的网页都是顺序布局的,很难达到我们需要的网页布局格式,此时使用DIV进行分层布局,类似于盒子,对每一部分内容进行设计.这是现在主流的网页布局方式,使用DIV+CSS ...
html class css,div id class
div id??div class ??div css?????��?????id??class??????CSS??????????????id??class??????css???? ???div ...
CSS + DIV 让页脚始终底部
原文:CSS + DIV 让页脚始终底部一前言经常设计页面时用到三层DIV,头DIV与脚DIV一般固定高度,而中间层DIV根据内容的多少,高度不定,我们经常希望但内容很少时,脚DIV保持在底部, ...
精通CSS+DIV基础总结（三）
Div+CSS可是实现简单的网页设计,对于需要添加动作,更方便的交互,Javascript给我们提供了方便:数据的存储可以利用XML使其更加方便:而对于减少页面与服务器的交互,可以利用Ajax技术,与 ...
CSS+DIV固定底部的漂浮导航条（多浏览器兼容）
2019独角兽企业重金招聘Python工程师标准>>> CSS+DIV固定底部的漂浮导航条(多浏览器兼容) 博客分类: div css 在项目中.为了解决多浏览器兼容的问题..ie6 ...
CSS DIV Shadow
css code: /*2011-11-28 塗聚文締友計算機信息技術有限公司CSS DIV Shadowcss3 */#geovinduDiv-shadow {padding:10px;backg ...
转载--让搜索引擎优化(SEO)更有效 CSS+DIV标签命名规范
转载--让搜索引擎优化(SEO)更有效 CSS+DIV标签命名规范让搜索引擎优化(SEO)更有效 CSS+DIV标签命名规范搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤 ...
css 首字下沉错位,css+div错位问题的修复小结
前段时间就发现本站涂涂研版(z-blog)在手机上浏览本小站的时候就会发现电脑版错位现象,以及今天博友林肆告诉我说用电脑浏览本站的时候:全屏不会出现css+div错位的现象,但是窗口化的时候,尤其是拖 ...
CSS/DIV网页设计视频教程目录【转】
CSS/DIV网页设计视频教程目录欢迎您来到前沿视频教室,下面列出的是CSS/DIV网页设计视频教程列表.这组视频教程是配合<精通CSS+DIV网页样式与布局>图书制作的,每一课对应于图 ...
应用css div进行页面布局设计,利用CSS与DIV进行页面布局.ppt
<利用CSS与DIV进行页面布局.ppt>由会员分享,可在线阅读,更多相关<利用CSS与DIV进行页面布局.ppt(6页珍藏版)>请在人人文库网上搜索. 1.利用CSS与DIV ...

css+div(2)

css+div(2)相关推荐

最新文章

热门文章