html/css
goodgirl1991
这个作者很懒,什么都没留下…
展开
-
css中使块级元素同行显示
提问:我们如何使两个块级元素位于同一行?回答:设置float属性\(^o^)/~将块级元素的css格式设置为float:left/right,比如,有两个panel,panelA和panelB,想要使其位于同一行,只需要设置A的css格式为float:left/right即可。原创 2015-12-08 14:41:11 · 5620 阅读 · 0 评论 -
DOM节点的类型及指针
每个DOM节点,节点内容包含节点类型以及指针节点类型主要有一下三种,这三种类型分别具有不同的nodeType属性值:元素(nodeType=1)大部分标签等,都是元素类型。文本(nodeType=3)如innerText等各种文本数据文档(nodeType=9)指dom树所在文档的根标签,比如在html文档,则DOM的类型便为文档。节点包含的指针有以下几种(图片来源:精通javas原创 2016-03-28 15:42:51 · 507 阅读 · 0 评论 -
firefox查看器的使用
本文内容大部分转自https://developer.mozilla.org/zh-CN/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS1、所有具有指定样式类元素的高亮显示。点击该处,则所有具有该样式类的元素都会高亮显示。显示伪元素从Firefox 41开始,如果下列伪元素被应用到所选择的元素中,规则视图会显示出来:转载 2016-03-28 13:42:07 · 659 阅读 · 0 评论 -
css伪类
什么是伪类 CSS 伪类用于向某些选择器添加特殊的效果:a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 鼠标移动到链接上 */a:active {color: #0000FF} /* 选定的链接 */原创 2016-03-28 11:38:47 · 298 阅读 · 0 评论 -
从getElementById(XXX)为null谈Dom加载
本文为学习司徒正美博文http://www.cnblogs.com/rubylouvre/p/4536334.html后总结得来有时我们在运行getElementById(XXX)时,会发生异常,提示我们并没有这个元素。为什么?明明页面上有啊,怎么会提示没有该元素呢?首先,弄明白,getElementById()所获取的是什么?是DOM元素。而我们所说的“页面上有”是什么?是html代码中原创 2016-02-25 16:34:22 · 1146 阅读 · 0 评论 -
html中的div标签和p标签的语义区别
文章内容转自http://www.divcss5.com/html/h661.shtmldiv:框架布局在网页中框架布局一般使用DIV布局,无论大小DIV盒子一般均使用DIV标签( )布局。p:段落一般文章段落都是使用p标签,即每段文字开始时候使用结束时使用,这样文章段落分明。转载 2016-02-12 21:02:56 · 2753 阅读 · 0 评论 -
元素(element)和节点(node)
以下文字引用自http://blog.csdn.net/fastthinking/article/details/7298691NODE是相对TREE这种数据结构而言的。TREE就是由NODE组成。这个部分你可以参考离散数学的树图。ELEMENT则是XML里的概念,例如就是元素,是XML中的数据的组成部分之一。Element是可以有属性和子节点的node。转载 2016-01-14 08:47:11 · 348 阅读 · 0 评论 -
关于元素高度不会被内部浮动元素撑开的问题
本文部分内容引用自https://www.zhihu.com/question/30938856在写页面的时候,碰到了一个问题,外部标签的height属性值明明为auto,但其高度却说什么都不考虑其中一个子标签的高度,如图:外部标签的高度只是考虑到了input控件,却并未考虑文本处的标签内容。元素高度不会被内部浮动元素撑开的原因经过各种翻查资料,终于知道,一切问题都来源于float原创 2016-01-12 19:35:56 · 2488 阅读 · 1 评论 -
关于css的一些知识点
1、块级元素设置float属性正常来说,块级元素是不屑于其他元素同处一行的,但若将块级元素设置float值,比如float:left,则下一个元素会自动去填充该块级元素的位置,若后一个元素填补该位置后与漂浮元素重合,则后一元素位于漂浮元素的下面,被覆盖。原创 2016-01-08 16:57:44 · 313 阅读 · 0 评论 -
css中float的作用
本文部分内容引用自http://blog.163.com/wangming_cn/blog/static/1464109320096611441538/至少目前为止,我应用float属性的目的都是使块级元素可以与其他元素同行显示。在指定对象具有float属性后,首先,其会按照float属性值向左或向右移动,直至碰触到父元素的边框或其他浮动元素边框为止。如图,我们将框1设置为floa原创 2016-01-11 09:12:36 · 1179 阅读 · 0 评论 -
Http网络请求中的get和post请求简介以及二者区别
本文转自http://blog.csdn.net/wei78008023/article/details/44939579一、Get请求:对于get方法来说,都是把数据串联在请求的url后面作为参数,如:http://localhost:8080/servlet?msg=abc。如果url中出现中文或其它特殊字符的话,如:http://localhost:8080 /servlet转载 2016-01-19 10:24:46 · 617 阅读 · 0 评论 -
如何理解margin值为负
通常来说margin为正值时,我们很清楚其布局形式,即在border边界线处再往外扩展指定长短。可margin为负又表示什么呢,表示始于border边界线处并向内扩展指定长短,这样,下一个文档流对象便是从margin边界线处起,显示出来。代码示例:1页面效果:此时有一个margin边界线我们看不到,其位置是在border边界线向内100px处,即200-100=100px处。原创 2015-12-28 15:21:57 · 2892 阅读 · 0 评论 -
css绝对定位、相对定位和文档流的那些事
前言http://www.cnblogs.com/tim-li/archive/2012/07/09/2582618.html 接触html、和css时间也不短了,但每次用div+css布局的时候心里还是有点儿虚,有时候干脆就直接用table算了,很多时候用div会出现些不可预料的问题,虽然花费一定时间能够解决,但总不是个事,所以今天特地探索了下css+div的绝转载 2015-12-28 10:58:21 · 369 阅读 · 0 评论 -
如何在web页面使用icomoon图标
icomoon图标是一个超赞超实用的开源图标系列,其图标官网地址为https://icomoon.io/icons.html好,接下来介绍如何将该系列图标应用在web页面。下载选定icomoon图标点击IcoMoon App,进入页面后,选择想要引入web页面的图标,并且点击edit按钮后分别点击选择的图标进行编辑编辑结束后,点击generate font按钮点击dow原创 2015-12-28 10:04:33 · 5715 阅读 · 0 评论 -
如何在web页面使用自定义字体
很多时候我们想要让页面更漂亮一些,更有逼格一些,这样的话,在页面使用自定义字体必不可少。如何实现这一功能呢?下载字体样式首先,当然是从网上下载下来你所想要使用的字体样式。为了让我们的字体形式在不同浏览器下皆可以显示,最好将该字体形式的各个类型都下载下来,即.eot、.woff、.ttf、以及.svg类型。我将所下载的该字体文件都放置在了font文件夹中,font文件夹与网页代码的位置以及所原创 2015-12-27 21:57:11 · 8579 阅读 · 3 评论 -
dom加载和js执行的时间先后
浏览器的渲染和操作顺序如下:html解析完毕外部脚本和样式表加载完毕脚本在文档内解析并执行html dom完全构造起来涂攀和外部内容加载(以上内容来源于一书)对于外部js文件来说,先加载外部js文件,然后执行js代码,DOM加载并不能保证在其执行前加载完毕。而行内js,由于按照顺序执行,在js代码执行时,位于行内js之前的元素,其对应的dom节点都可以建立起来。比如原创 2016-03-28 16:43:04 · 1334 阅读 · 0 评论