web
CaveShao
生活不易,好好努力。
展开
-
同为地址,Ip与Mac地址有什么区别?
这篇文章只讨论Ip与Mac, 涉及到其他知识会简化叙述。 如果要讨论Ip与Mac,我们对计算机通信首先应该有一个分层概念。IP与Mac分别属于两个层,就像楼房一样。ip在上面一层——网络层,Mac在下一层——链路层。所有要传达的数据(如:在百度中输入某个关键词进行搜索请求),都在链路层中传递。链路层就像楼房的第一层,一个人想要从一个楼房到另一栋楼房,必原创 2017-03-03 22:09:49 · 5722 阅读 · 0 评论 -
HTML & CSS 代码编写规范
1 缩进为四个字符。<div> <div> </div></div>2 类的命名形式为小写字母或小写字母加连接符,名称在表意清晰的情况下尽量缩写。.btn .footer .btn-red3 每个选择器独占一行。 h1, h2, h3, p { }4 注释内容尽量包括模块说明,功能,及优点。 5 必须添加 DOCTYPE 和 字符编码声明。<meta charse原创 2017-03-26 18:06:10 · 381 阅读 · 0 评论 -
流体布局与浮动元素
浏览器对元素的摆放是按「流」的方式进行的。所谓「流」,就是浏览器按照由左至右,由上至下的顺序,如同管道中的水流一样显示元素的方法。 当流体中的元素设置了浮动属性后,这个元素便不在属于流。他会像船一样浮动在流体上的某个位置,并且会遮挡其下方的块元素。而块元素中的内联元素,则会绕开浮动元素。原创 2017-03-15 21:14:26 · 307 阅读 · 0 评论 -
谈谈 层叠
我们都知道,一个web页面的布局常常要引用多个层叠样式表(css),而同一个元素又常常属于不同的选择器。那么,要想知道最终呈现在客户端页面中的元素是由哪个选择器决定的,就需要理解层叠。 p{ text-align:center; } p{ text-align:left; } 这是同一个样式表中p的两个元素选择器。其他样式表中也可以有p的选择器。一个元素最终的样式是由浏览器以层叠的方原创 2017-03-14 22:13:21 · 369 阅读 · 0 评论 -
元素浮动规则总结
浮动元素不属于文档正常流,但会影响布局。元素浮动时会生成一个块级框。浮动元素周围外边距不会合并。浮动元素左外边界不能超出其包含块的左内边界,右外边界同理。如果浮动元素顶端高于之前出现的浮动元素底端,则该浮动元素的左外边界为之前出现的浮动元素的右外边界。否则,该 浮动元素的左外边界为包含块的左内边界。左浮动元素与右浮动元素边界不会重合。浮动元素的顶端不能不之前出现的浮动元素的顶端更高。原创 2017-03-30 21:31:29 · 596 阅读 · 0 评论 -
sublimtext 代码检错插件 sublimelinter 安装
1.环境:Win10 64bit 2.工具:sublimtext3 nodejs 3.详细步骤;选择 Package Control,然后输入 install ,点击 installpackage 。 稍等片刻后,在新出现的输入框中输入 sublimlinter,点击安装。 重复 1 2 3 步,第三步中的输入改为 sublimlinter jshint 。打开 nodejs 官方网站原创 2017-04-09 10:15:15 · 1853 阅读 · 0 评论 -
初识Box Model
盒模型(box model)顾名思义,指将HTML元素看作一个盒子进行设置,这对于页面的布局与排版极为便利。盒模型理解起来并不困难。设置盒模型的属性可以看作为元素分配领地,以一个<p> 元素为例:padding指的是p元素的内边距,即content与border的距离,默认情况下border紧贴在content的四周,一旦padding有了数值,比如20px。content的四条边与其所对应bord原创 2017-03-13 21:51:10 · 287 阅读 · 0 评论 -
行内布局的基本术语
匿名文本:所有未包含在行内元素中的字符串。 em 框: 单个字符周围的方框。 内容区:替换元素中为元素固有高度加上可能有的外边框。非替换元素中为 em 框连在一起构成的框。 行间距: line-height - font-size 的值。 行内框:非替换元素,行内框高度等于 line-height 的值。替换元素,行内框高度等于内容区高度。 行框: 包含该行中出现的行内框的最高点和最低点的转载 2017-03-22 21:28:54 · 528 阅读 · 0 评论 -
前景色与背景色
在 CSS 中可以为任何元素设置前景色、背景色,整个页面带给人的感觉与这两个属性息息相关。前景色是指元素颜色及其边框颜色,通过 color 属性或 border-color 可以进行设置。在没有单独声明的情况下元素颜色与边框颜色一致。系统默认前景色一般为黑色。背景色指的是元素内容区及内边距区域的颜色,背景色为进行设置时默认值是 transparent, 即透明。由于背景色默认是透明的,因此透过背景可原创 2017-04-07 18:04:05 · 16376 阅读 · 0 评论 -
水平布局三属性
水平布局中,块元素的总宽度总是等于父元素的内容宽度。左外边距,右外边距以及内容区为块元素水平布局中最重要的三个属性。下面列举三个属性变化时对块元素的影响:默认情况下,内容区 width 为自动,左右外边距为 0 。也就是说,内容区会自动填满父元素的内容区。当内容区 width 为固定值,左右外边距为 auto 时,左右外边距会宽度相等,内容区会水平居中。当三个属性值都为 auto 时,三个属性原创 2017-03-21 21:36:33 · 664 阅读 · 0 评论 -
前端名词总结
API Application Programming Interface 应用编程接口;CSS cascading style sheets 层叠样式表;DNS Domain Name System原创 2017-03-07 21:34:32 · 541 阅读 · 0 评论 -
CSS 图片居中的两种方法
CSS 布局中经常要用到图片的居中,但基于 CSS 的灵活性,图片居中有各种各样的方法。今天来介绍两种常用的方法:第一种方法比较简单,利用文本居中属性来使图片居中。<div> <img src=""></div>在 CSS 中设置 div { text-align:center;}第二种方法有点麻烦,首先要为图片加上块父元素,如:<p> <img src=""></p>将 <原创 2017-03-20 22:14:56 · 1489 阅读 · 0 评论 -
HTML img 使用规范
1.尽量使用自己服务器上的图片,不用其他网站URL获得图片。 2.图片太大使用修图软件修改,不要直接用属性修改。 3.图片因宽高比变化影响图片美感时,可裁剪图片局使用。 4.img为inline元素,使用时放置于p中。 5.img使用时必须加alt属性。 6.一般图像最大宽度为800px. 7.照片和复杂图像使用JPEG,logo和几何图像使用GIF或png。原创 2017-03-10 07:33:11 · 810 阅读 · 0 评论 -
HTML 表单原理
今天分享一下个人对于表单的理解。简单来讲, HTML 表单就相当于 web 页面的无线电台,使用它可以与服务器形成双向的通信。当你点击了提交按钮后,表单中所填的数据会被打包发送到服务器进行处理,接着服务器会根据表单中的信息返回特定的响 应。在表单中,组成元素大致可以分为两类——输入赋值型和选择赋值型。虽然类型不同,但两类元素最终的结果都是为一个变量赋值。例如,输入赋值型中比较典型的输入框中:<inp原创 2017-03-18 20:04:36 · 1861 阅读 · 0 评论 -
色系及颜色搭配
色系可以简单分为: 暖色系:与阳光相接近,有温暖舒适之感,如红,橙,黄; 冷色系:给人清爽,简洁的感觉,如蓝,紫,绿; 无色系:黑,白,灰;好的颜色搭配是网页质量的决定因素之一,常见的搭配原则有: 单色搭配:黑/白 + 冷暖系中的一种颜色; 对比搭配:冷暖色系中各选一种颜色;深浅搭配:选择一深一浅两种颜色,给人以视觉上的冲击;原创 2017-03-08 21:38:59 · 819 阅读 · 0 评论 -
web背景图全屏及按钮对称布局
One 背景图全屏 背景图全屏最简单粗暴的方法是将图片设置为足够大,但这样做有两个坏处: 一方面会是页面加载缓慢,另一方面因为只显示图片局部,会影响视觉效果。 其他方法是按百分比设置 ,这个方法需要实际情况实际分析。如果是只占单屏 不需滑动的页面,可以设置background-size :width 100%; height 100%;。 如果是需要滑动的网页,只设置wid原创 2017-03-04 21:10:48 · 769 阅读 · 0 评论 -
域名解析过程
当我们发起请求查询 www.nihao.net 这个域名时会用到 DNS 服务。DNS 拿到请求后,先检查一下自己的缓存中有没有这个地址,有的话就直接返回。如果缓存中没有的话,DNS 会从配置文件里面读取13个根域名服务器的地址。并向其中一台发起请求。根服务器拿到这个请求后,知道他是 com 这个顶级域名下的,所以就会返回 com 域中的 NS 记录,一般来说是 13 台主机名和 IP 。然转载 2017-03-17 21:29:33 · 362 阅读 · 0 评论 -
JS DOM 中重要的三点总结
今天总结一下 JS DOM 编程中重要的三点: 1. 必要性 JS 的灵活性使它很容易被滥用,用 JS 添加功能是一定要注意当前代码是否有必要,是否有更好的其它方法。 2. 平稳退化 「平稳退化」是指当 JS 失效时,页面依然具有可读性。这就需要在编写 HTML 时形成良好的内容结构,并且将行为层与内容层分离。 3. 检测 不同的浏览器,对 DOM 的支持不原创 2017-04-04 19:34:25 · 348 阅读 · 0 评论