随笔分类 -  HTML&CSS

改变文件上传input file类型的外观
摘要：``` 当我们使用文件上传功能时，,但是外观有点不符合口味，如何解决这个问题？ 还是用到了input的上传功能，只不过不在点击它，而是通过点击button,从而传递到file,实现间接点击file按钮，功能实现了，下面就可以随意对button修改你想要的样式了 ``` 阅读全文
posted @ 2017-04-14 11:48 叶子陪你玩 阅读(873) 评论(0) 推荐(0)
关于HTML Button点击自动刷新页面的问题解决
摘要：原因 button,input type=button按钮在IE和w3c，firefox浏览器区别： 1、当在IE浏览器下面时，button标签按钮，input标签type属性为button的按钮是一样的功能，不会对表单进行任何操作。 2、但是在W3C浏览器，如Firefox下就需要注意了，butt 阅读全文
posted @ 2017-04-14 11:38 叶子陪你玩 阅读(3828) 评论(0) 推荐(0)
flex使用学习
摘要：1.指定容器为flex布局 行内元素也可以使用Flex布局。 注意，设为Flex布局以后，子元素的float、clear和vertical align属性将失效。 容器默认存在两根轴： 2.以下6个属性设置在容器上。 3.以下6个属性设置在项目上。 4.应用 （1）通过给容器设置以下属性，从而使得子 阅读全文
posted @ 2017-03-31 16:02 叶子陪你玩 阅读(221) 评论(0) 推荐(0)
HTML data-* 自定义属性
摘要：HTML data 自定义属性 data 是HTML5新添加的全局属性，通过它我们可以自定义属性，就像id，class等属性一样。我们可以使用JavaScript来操作这些属性。 `` 我们可以用下面这些方法来操作它。 （1）dataset 通过访问一个元素的 dataset 属性来存取 data 阅读全文
posted @ 2017-01-26 05:38 叶子陪你玩 阅读(255) 评论(0) 推荐(0)
css自问自答(二)
摘要：css自问自答(二) 7.掌握定位的一些属性 position 和 display 属性，以及如何浮动（float）和清除（clear）元素,z index属性 三个属性控制： position 属性、 display 属性和 float 属性。 8.定位 （1）相对定位 (2)绝对定位 (3)固定 阅读全文
posted @ 2017-01-21 11:49 叶子陪你玩 阅读(203) 评论(0) 推荐(0)
css自问自答(一)
摘要：css自问自答(一) 1.块级元素和行内元素特性与区别？ 块级：display:block 内联（行内）：display:inline 内联块状：display:inline block 2.为文档添加样式的三种方法？ 3.浏览器层叠各个来源样式的顺序? 特殊注意 ： 4.src和href使用区别？ 阅读全文
posted @ 2017-01-21 11:48 叶子陪你玩 阅读(334) 评论(0) 推荐(0)
常用的css选择器
摘要：1.最基本的 2.属性选择器 3.伪类 （实现的功能与类类似，用于向某些选择器添加特殊的效果。实际上并没有类存在） :link ,:visited ,:active ,:hover :nth child(n)，:nth of type(n) :focus,:not(selector),::selec 阅读全文
posted @ 2017-01-17 06:46 叶子陪你玩 阅读(252) 评论(0) 推荐(0)
利用HTML5 Geolocation API在百度地图中显示你的位置
摘要：代码： 看看效果图： 注意： 利用百度地图API接口时，v1.5版本后的需要申请密钥，本例用的是v1.4版本。 阅读全文
posted @ 2017-01-09 11:33 叶子陪你玩 阅读(360) 评论(0) 推荐(0)
HTML5 中的一些新特性
摘要：HTML5是HTML最新的修订版本，包含了新的标签元素，属性和行为，同时包含了一系列可以被用来让 Web 站点和应用更加多样化，功能更强大的技术。HTML5实现了不依赖flash插件播放视频，而且引入了一大批需要JavaScript驱动的功能。也可以让网页可以像桌面软件那样丰富多彩，富有交互能力。H 阅读全文
posted @ 2017-01-04 06:52 叶子陪你玩 阅读(331) 评论(0) 推荐(0)
CSS的一些规范
摘要：请使用简单的语法来链接样式表（type 属性不是必需的）： 短规则可以压缩为一行，就像这样： 长规则应该分为多行： 注释：在逗号或分号之后添加空格，是所有书写类型的通用规则。 选择器、属性和值都使用小写 最后一个值也以分号结尾 省略值为0时的单位 根据属性的重要性按顺序书写 只遵循横向顺序即可，先显 阅读全文
posted @ 2017-01-04 06:48 叶子陪你玩 阅读(209) 评论(0) 推荐(0)
使用CSS3(一)
摘要：开发商前缀（vendor prefix） 媒体查询 根据不同的设备和浏览设置选择不同的样式表，max width属性，当前窗口中页面的宽度。max device width属性，这个属性检测的是最大的屏幕宽度。 透明 实现透明效果的方法有两种。 第一种是使用rgba()函数，它接收4个数值作为参数。 阅读全文
posted @ 2017-01-04 06:42 叶子陪你玩 阅读(322) 评论(0) 推荐(0)
HTML5 拖放
摘要：参考： "拖放操作" 阅读全文
posted @ 2017-01-04 06:16 叶子陪你玩 阅读(129) 评论(0) 推荐(0)
背景属性
摘要：background： 在一个声明中设置所有的背景属性。 background color ：规定要使用的背景颜色。 background image ：规定要使用的背景图像。 background position ：规定背景图像的位置。 background size ：规定背景图片的尺寸。 b 阅读全文
posted @ 2017-01-03 09:25 叶子陪你玩 阅读(193) 评论(0) 推荐(0)
HTML快速参考
摘要：HTML 模版 HTML 基本文档 HTML 文本元素 HTML 链接，图片 HTML 列表 HTML 表格 HTML 表单 HTML 转义字符 阅读全文
posted @ 2017-01-03 09:24 叶子陪你玩 阅读(203) 评论(0) 推荐(0)
HTML头部<head>学习
摘要：元素是所有头部元素的容器。 元素包含了所有的头部标签元素。在 元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。 以下标签都可以添加到 head 部分： 1.title :定义文档的标题,是必须有的元素 2base ：为页面上的所有链接规定默认地址或默认目标 3.li 阅读全文
posted @ 2017-01-03 09:10 叶子陪你玩 阅读(270) 评论(0) 推荐(0)
文本图片水平垂直居中
摘要：固定高度的元素内垂直居中一行文本 固定高度的盒子内水平垂直图片 第一种方法： 第二种方法： 第三种方法：把图片当作背景来设置（用来弄头像比较方便） 固定高度的盒子内水平垂直多行文本 固定高度的盒子内水平垂直文本和图片 总结： 居中的元素不能是块元素，可以是inline或者inline block元素 阅读全文
posted @ 2017-01-03 08:46 叶子陪你玩 阅读(297) 评论(0) 推荐(0)