总体概念 block和inline这两个概念是简略的说法，完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块，会单独换一行；inline元素则前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满...

2018-06-24 01:38:03

用border画三角形，实际上属于一种奇淫巧技。 利用的是border的一个特性：当一个元素的宽高都为0时，给border设置宽度（至少给2个相邻的边框设置宽度），border就会撑开这个元素。 四个边框同时设置宽度时，四个边最后在元素的中心汇成一个点。 因此当我们给一个有宽高...

2018-06-24 01:38:06

1、padding与容器尺寸之间的关系 对于block水平元素：①padding值暴走，一定会影响尺寸；②width非auto，padding影响尺寸；③width为auto或box-sizing为border-box，同时padding值没有暴走，不影响尺寸。 对于inline水平元素：水平padding影响尺寸，垂直padding不影响...

2018-06-24 01:38:01

这任务需求我们使用推特的前端框架bootstrap来实现。先放psd图。 上传这些图片也蛮大的。为此我使用office picture manager压缩了图片。 方法：alt+p+o，然后tab+下方按钮选中用于网页，点击保存就ok 一。还原含有50万年薪的psd静态页面 先思考： 发现1.三张psd图的头...

2018-06-24 01:38:02

两种常用的HTTP请求方式：post和get get：从指定的资源进行请求。数据长度有限制（2048个字符）可被缓存、可被保留在浏览器历史记录中，安全性较差。发送敏感信息如密码时不适用。 post：向指定的资源提交要被处理的数据。数据长度无限制、不可被缓存，不可保存在浏览...

2018-06-24 01:38:00

第一种位置关系：position:fixed 锁定位置（相对于整个浏览器的位置），常用在各大网站的右下角或其它位置的小广告。 如果需要调整锁定位置，需要使用如下方式：div style="width:300px; height:300px; position:fixed ; top:0px; left:0px; right:0px; bottom:0px " /...

2018-06-24 01:37:58

在我们实现导航栏的时候，经常要用到ul标签。 通常，我们是通过给li标签设置display：inline-block来使其在一行里显示，但是这个时候出现了一个很头疼的问题。 我们先上代码。 ! DOCTYPE html html head meta charset ="utf-8" meta http-equiv ="X-UA-Compatible" con...

2018-06-24 01:37:57

内联元素：只在行内发生作用，设置宽高不起作用，不会影响文字内容，使其换行等。竖直方向和间距也不起作用 display可以强制转换行内元素和块状元素，还可以取消显示none 块元素(block element) address - 地址 blockquote - 块引用 center - 举中对齐块 dir - 目录列...

2018-06-24 01:37:40

前面的话 一直以来，CSS中是没有变量而言的，要使用 CSS 变量，只能借助 SASS 或者 LESS 这类预编译器。新的草案发布之后，直接在 CSS 中定义和使用变量不再是幻想了。本文将详细介绍CSS变量variable 基本用法 CSS 变量是由CSS作者定义的实体，其中包含要在整个文档中...

2018-06-24 01:37:55

前面的话 CSS遮罩是2008年4月由苹果公司添加到webkit引擎中的。遮罩提供一种基于像素级别的，可以控制元素透明度的能力，类似于png24位或png32位中的alpha透明通道的效果。本文将详细介绍CSS遮罩mask 概述 遮罩mask的功能就是使用透明的图片或渐变遮罩元素的背景。于是...

2018-06-24 01:37:52