前言 接触html.和css时间也不短了,但每次用div+css布局的时候心里还是有点儿虚,有时候干脆就直接用table算了,很多时候用div会出现些不可预料的问题,虽然花费一定时间能够解决,但总不是个事,所以今天特地探索了下css+div的绝对定位和相对定位和文档流的关系. 文档流的概念 确切的说应该是文档文档流模型的机制,html的布局机制就是用文档流模型的,即块元素(block)独占一行,内联元素(inline).不独占一行 如块级元素(block) <div>div1</div&…

我的邮箱地址:zytrenren@163.com欢迎大家交流学习纠错! 此篇博客是我的复习笔记,html和css学的时间太久了,忘得差不多了,最近要使用一下,所以重新打开html的书略读,后记录了标签,元素,属性的具体意义. 这里所介绍的html和css的版本为html5与css3 Html是超文本标记语言(英语全称:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言 Css是层叠样式表(英文全称:Cascading Style Sheets)是…

在线工具和文档 网址 说明 OTP Reference Page Index 内置模块查询 Erlang/OTP Applications N Kernel Reference Manual 入门官方文档 Kernel Reference Manual Whith Search 入门官方文档(带搜索版) Erlang/OTP手册(中文) 中文文档,替代官方文档,不完整 Erlang/OTP手册 替代官方 在线模拟环境 模拟erlang环境 代码大全 搜索来自google.github的代码 内置…

我的邮箱地址:zytrenren@163.com欢迎大家交流学习纠错! 此篇博客是我的复习笔记,html和css学的时间太久了,忘得差不多了,最近要使用一下,所以重新打开html的书略读,后记录了标签,元素,属性的具体意义. 这里所介绍的html和css的版本为html5与css3 Html是超文本标记语言(英语全称:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言 Css是层叠样式表(英文全称:Cascading Style Sheets)是…

<style type="text/css"> * { padding:0; margin:0; } .box h2 { //内边距左边的距离 padding-left:10px; //内边距左边的距离 padding-right:10px; //边框有无.宽度和颜色 border: 1px solid #000; //背景的高度 height:100px; //背景的宽度 width: 100px; //背景颜色 background:#87b0e1; line-heig…

昨天在解决了盒模型的问题之后又出现了新的知识模糊点:浮动和绝对定位?今天先解决浮动相关的问题,首先列举出想要解决的问题: 1.浮动到底是怎么样的? 2.浮动对元素的影响有什么? 3.浮动主要用来干什么? 第一个问题:浮动到底是怎么样的? W3CSCHOOL对浮动属性的解释:浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止.所以浮动也有left.right.none三种. 我个人的理解是:HTML 文件就像是一个方形的水槽,它在浏览器中加载的过程就好比是向水槽中放水,而…

CSS1 中定义的选择器 类型选择器 用于选择指定类型的元素(其实他就是 html 标签选择器),常见用法如下: body { /*对 body 元素定义样式*/ } body,div { /*同时选择多种标签元素*/ } ID 选择器 用于选择指定 ID 的 html 元素,常见使用方法如下: <div id="nav"> </div> <style> #nav { /*定义 ID 为 nav 的元素的样式*/ } </style> 因…

1.布局(盒子布局.盒子模型.标准流.脱离文档流) 标准文档流:块级独占一行  ,行内块和行内元素都是和其他共占一行,在盒子中的元素遵循标准流从左到右从上到下排列,超过父元素时会溢出. 一行行看 浮动+标准流配合使用 版心:width+margin:0 auto: ul>li .标题.段落.a.img.dl>dt+dd 定位:相对定位.子绝父相.固定定位.z-index 元素宽度:  块级---不设置时是父元素100%:行内块元素宽度默认是内容宽度:行内元素没有宽高属性,除非转换显示模式. 溢…

题外话:HTML是一种结构化语言,而CSS是它的补充:这是一种样式语言.CSS是前端三板斧之一,因此学习CSS很重要.而我还是菜鸟,所以需要加强学习CSS.这个是我学习CSS权威指南的笔记,如有不对,请谅解和指出.谢谢大家.正文: 第一章 CSS和文档---------- 1.CSS,称为层叠样式表.使用CSS的理由有:a.易于使用,样式表能大大减少Web创作人员的工作量:b.在多个页面上使用样式,可以创建一个样式表,然后把这个样式表应用到多个页面:c.层叠,CSS还规定了冲突规则:这些规则统称…

前言:CSS即层叠样式表 主要是影响一个或者一组文档的表现,没有文档,CSS毫无用处. 一.web的衰落 完全结构化的文本太过古板,太平常,虽然有N个理由要求使用结构化标记,但HTML已然走到了今天. 二.CSS做救星 丰富的样式,易于使用,在多个页面上使用样式,层叠,缩减文件大小,为未来做准备,所以CSS有更加丰富的外观,在一个位置上就能修改和创建整个文档的外观,可将样式表链接到网站上所有的文档,同时还规定了冲突规则,这些规则统称为层叠. 同时可以缩减文件大小,为将来做准备. 三.元素 元素时…