- 博客(16)
- 收藏
- 关注
RSS订阅原创 块级元素与行内元素
块级元素行内元素块级元素与行内元素的区别1、块级元素会独占一行，其宽度自动填满其父元素宽度；行内元素不会独占一行，相邻的行内元素会排列在同一行，直至一行排不下才会换行，其宽度随元素的内容而变化。2、块级元素可以包含行内元素和块级元素，行内元素不能包含块级元素；3、行内元素设置Width、height、margin-top、margin-bottom、padding-top、padding-bott...
2018-05-19 18:47:39
374
原创 javascript内部对象
Navagator：提供有关浏览器的信息；Window：Window对象处于对象层次的最顶层，它提供了处理Navagator窗口的方法和属性；Location：提供了与当前打开的URL一起工作的方法和属性，是一个静态的对象；History：提供了与历史清单有关的对象；Document：包含与文档元素一起工作的对象，它将这些元素封装起来供编程人员使用；...
2018-05-19 17:01:19
1292
原创 CSS3新增属性用法整理
box-shadow 阴影效果border-color 为边框设置多种颜色border-image 图片边框text-shadow 文本阴影text-overflow 文本截断word-wrap 自动换行border-radius 圆角边框opacity 透明度box-sizing 控制盒模型的组成模式resize 元素缩放outline 外边框background-size 指定背景图片尺寸b...
2018-05-19 16:42:32
861
原创 微信小程序flex布局
首先，明白一点，flex布局是什么？Flex,全称为Flexible Box的缩写，意为“弹性布局”，用来为盒模型提供最大的灵活性。任何一个容器都可以指定为Flex布局；PS:设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。采用Flex布局的元素，称为Flex容器（flex container）,简称“容器”。它所有的子元素都会自动成为容器成员，称为F...
2018-05-14 20:09:02
1519
原创 浏览器引擎
主流浏览器内核私有属性css前缀： mozilla内核 (firefox,flock等) -moz webkit内核(safari,chrome等) -webkit ...
2018-05-02 20:21:30
427
原创 DHTML的介绍
DHTML 将 HTML、JavaScript、DOM 以及 CSS 组合在一起，用于创造动态性更强的网页。通过 JavaScript 和 HTML DOM，能够动态地改变 HTML 元素的样式。DHTML实现了网页从Web服务器下载后无需再经过服务的处理，而在浏览器中直接动态地更新网页的内容、排版样式和动画的功能。例如，当鼠标指针移到文章段落中时，段落能够变成蓝色，或者当鼠标指针移到一个超级链接...
2018-05-02 20:16:49
600
原创 CSS新增属性
CSS3新增属性用法整理： 1、box-shadow（阴影效果） 2、border-color（为边框设置多种颜色） 3、border-image（图片边框） 4、text-shadow（文本阴影） 5、text-overflow（文本截断） 6、word-wrap（自动换行） 7、border-radius（圆角边框） 8、opac...
2018-05-02 20:12:00
507
原创 CSS内联、块级与内联块级元素
常见的内联元素：<a>、<b>、<span>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>常见的块级元素：<div>、&a
2018-05-02 20:07:48
441
原创 html常见兼容问题
1. png24位的图片在iE6浏览器上出现背景解决方案：做成PNG8，也可以引用一段脚本处理.2. 浏览器默认的margin和padding不同解决方案：加一个全局的 *{margin:0;padding:0;} 来统一。3. IE6 双边距 bug：在 IE6 下，如果对元素设置了浮动，同时又设置了margin-left或margin-right，margin值会加倍。1#box{ float...
2018-05-02 20:03:49
278
原创 CSS可继承的属性
继承：即指子节点默认使用父节点的样式属性所有元素可继承：visibility和cursor内联元素可继承：letter-spacing、word-spacing、white-space、liine-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-tran...
2018-05-02 20:00:14
358
原创 HTTP协议
HTTP协议1.简介HTTP协议（Hyper Text Transfer Protocol，超文本传输协议）,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。HTTP基于TCP/IP通信协议来传递数据。HTTP基于客户端/服务端（C/S）架构模型，通过一个可靠的链接来交换信息，是一个无状态的请求/响应协议。2.特点（1）HTTP是无连接：无连接的含义...
2018-05-02 19:52:17
262
原创 CSS定位机制
在CSS的定位机制中，分别有如下三种：1.文档流 2.浮动（float）3.定位（position）所谓文档流，即元素排版布局过程中，元素会自动从左往右，从上到下的流式排列。脱离文档流，即将元素从普通的布局排版中拿走（打乱排列顺序），其他盒子在进行定位的时候，会当做脱离文档流的元素不存在而进行定位。PS：只有绝对定位absolute和浮动float才会脱离文档流。position：absolute...
2018-05-02 19:41:49
239
原创 word-break 、white-space与word-wrap的区别
1、word-wrap:break-word，内容将在边界内换行，仅用于块对象，内联对象要用的话，必须要设定height、width或display:block或position:absolute。2、通过使用word-break属性，可以让浏览器实现在任意位置的换行。取值可为以下三种形式：3、white-space：设置如何处理元素内的空白。取值可为：4、overflow:hidden,超出边界...
2018-05-02 19:22:31
326
原创 微信小程序wx:key的解释
做个微信小程序开发的朋友们大多数肯定都遇到过这样一个警告：wx:key解释：如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态，这时就需要wx:key来指定列表中项目的唯一标识符；两种取值方式：wx:key="prooperty" ，property代表在for循环的array中的item的某个property，该property的值需要时列表中唯一...
2018-05-02 19:11:31
1122
原创 web前端大坑
float 导致块坍塌现象：相信不少程序员在开发时会使用float进行布局，但这样做却往往会导致被作用块脱离文档流，即不占高度，相当于不存在但又会显示，导致各个块级元素挨在一起。为了避免这种这种坍塌现象，在这里我给大家介绍三种避免这种现象的方法：1.在使用float元素的父级块中添加一句overflow:hidden，作用是使超出父级元素的部分不显示；2.使用after伪对象；3.在结束float...
2018-04-22 15:03:37
726
原创 了解微信小程序
小程序官网介绍：点击打开链接web开发工具下载地址：点击打开链接4种文件类型：.json 配置文件； .wxml 模板文件 ；.wxss 样式文件； .js 交互文件。文档介绍：1. .json 配置文件（可选）小程序配置 app.jsonapp.json 是对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。QuickStart 项目里边的 app.js...
2018-04-22 15:00:34
294
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人