匆匆过客

每天都在学习 每天都在进步

排序:
默认
按更新时间
按访问量

HTML5 required 属性

定义和用法required 属性规定必需在提交之前填写输入字段。如果使用该属性,则字段是必填(或必选)的。注释:required 属性适用于以下 <input> 类型:text, search, url, telephone, email, passwo...

2018-05-24 22:13:40

阅读数:27

评论数:0

HTML5新增属性data

定义和用法data-* 属性用于存储页面或应用程序的私有自定义数据。data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。存储的(自定义)数据能够被页面的 JavaScript 中利用,以创建更好的用户体验(不进行 Ajax 调用或服务器端数据库查询)。data-* ...

2018-05-24 09:21:42

阅读数:12

评论数:0

关于JavaScript的push()函数

push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。该方法会改变数组的长度。1 <script type=&quot...

2018-05-24 08:47:24

阅读数:27

评论数:0

CSS常见布局->多列布局(定宽+自适应)

使用flex (1)原理、用法   原理:通过设置CSS3布局利器flex中的flex属性以达到多列布局。    用法:先将父框设置为display:flex,再设置左框flex:1,最后设置左框width、margin-right。 <style type=&quo...

2018-05-13 23:01:51

阅读数:21

评论数:0

CSS常见布局->多列布局(定宽+自适应)

使用float+margin(1)原理、用法原理:通过将左框脱离文本流,加上右框向右移动一定的距离,以达到视觉上的多列布局。用法:先将左框设置为float:left、再设置右框margin-left。 <style type="text/css&qu...

2018-05-13 22:50:22

阅读数:26

评论数:0

CSS常见布局->多列布局(定宽+自适应)

使用float+overflow(1)原理、用法原理:通过将左边框脱离文本流,设置右边规定当内容溢出元素框时发生的事情以达到多列布局。用法:先将左框设置为float:left、width、margin-right,再设置实际的右框overflow:hidden。 <style...

2018-05-13 22:44:54

阅读数:20

评论数:0

神奇的overflow:hidden及其背后的原理

1、嵌套布局内部块元素设置float:left时,导致外部元素塌方,高度为0的问题。 CSS和HTML分别如下:.wrap { outline: red 1px solid; width: 250px; /*overflow: hidden;*/ } .item { ...

2018-05-10 08:51:09

阅读数:32

评论数:0

CSS垂直水平居中布局

1)使用absolute+transform(1)原理、用法原理:将水平居中时的absolute+transform和垂直居中时的absolute+transform相结合。<style type="text/css"&gt...

2018-05-08 09:23:49

阅读数:130

评论数:0

CSS垂直居中布局

1)使用table-cell+vertical-align(1)原理、用法原理:通过将父框转化为一个表格单元格显示(类似 <td> 和 <th>),再通过设置属性,使表格单元格内容垂直居中以达到垂直居中。用法:...

2018-05-07 19:00:12

阅读数:32

评论数:0

css水平居中布局

1.text-align+inline-block原理:先将子框由块级元素改变为行内块元素,再通过设置行内块元素居中以达到水平居中。用法:对子框设置display:inline-block,对父框设置text-align:center。代码: <title&g...

2018-05-07 09:22:35

阅读数:20

评论数:0

关于.html()函数的使用

1返回元素内容当使用该方法返回一个值时,它会返回第一个匹配元素的内容。$(selector).html()2设置元素内容当使用该方法设置一个值时,它会覆盖所有匹配元素的内容。$(selector).html(content)3使用函数来设置元素内容使用函数来设置所有匹配元素的内容。语法$(sele...

2018-04-01 22:54:43

阅读数:58

评论数:0

div+css 布局设计

1.元素居中,行内元素与块元素①行内元素:必须指定宽度 必须转化为块元素②块元素:  必须指定宽度 居中才可以生效。普通块元素默认占一行。2.两栏案例<!DOCTYPE html> <html lang="en&a...

2018-04-01 13:02:48

阅读数:32

评论数:0

关于行内元素和块元素的理解

1. 任何标签都可以浮动,span是一个行内元素,行内元素浮动了就变成块级元素了,可以设置宽高等等了。虽然变成块级元素,可是和普通块级元素有一点点不一样,普通块级元素的宽度是自动撑满父元素的宽度的,浮动的块级元素如果不设置宽度,它的默认宽度就是它里面包含内容的宽度。 ...

2018-03-31 19:45:30

阅读数:26

评论数:0

浮动布局的案例

说明:在HTML标签中 class属性值可以是多个 值用逗号隔开。<!DOCTYPE html> <html lang="en"> <head&...

2018-03-31 18:52:23

阅读数:22

评论数:0

清除浮动

当浮动完成后(布局完成之后)再回来 落回普通的文档流上。写法:在浮动的元素下面或者紧挨着浮动的元素 添加一个div 这个div就是用来清除上面的浮动 直接给div添加浮动的属性 <!DOCTYPE html> <html lang=...

2018-03-31 17:55:04

阅读数:12

评论数:0

div和文本关系

div 浮动之后 文本是不会钻到浮动元素里面去的。<!DOCTYPE html> <html lang="en"> <head> ...

2018-03-31 17:25:09

阅读数:11

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭