qq_42534317的博客

原创 vue输入框搜索实现模糊查询

原创 css3渐进增强和优雅降级的简介

渐进增强和优雅降级的简介优雅降级和渐进增强印象中是随着css3流出来的一个概念。 由于低级浏览器不支持css3，但css3的效果又太优秀不忍放弃，所以在高级浏览中使用css3而低级浏览器只保证最基本的功能。乍一看两个概念差不多，都是在关注不同浏览器下的不同体验，关键的区别是他们所侧重的内容，以及这种不同造成的工作流程的差异。 什么是渐进增强（progressive enhancemen...

原创 html5新增表单属性

1、表单字段集：<fieldset></fieldset>相当于一个方框，在字段集中可以包含文本和其他元素。 该元素用于对表单中的元素进行分组并在文档中区别标出文本。 fieldset元素可以嵌套，在其内部可以在设置多个fieldset对象。 disabled定义空间禁制可用2、字段级标题：<legend></legend>...

原创 浏览器兼容

一、常用的浏览器1）主流浏览器 Internet Explorer、 Safari、Mozilla Firefox、 Google Chrome、Opera、百度、360、搜狗、傲游 2）最早的浏览器 : Mosaic / Netscape Navigator(网景领航者)（1994-2008）简称NN二、五大浏览器内核•Trident （MSHTML） （三叉戟；...

原创 宽高自适应 解决浮动元素的父元素高度塌陷 BFC介绍

宽高自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是自适应。元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。（1）宽度自适应 元素宽度设置为100%。（块元素宽度默认为100%）（2）元素具备最小高度的自适应 min-height属性：最小高度； 说明：IE6浏览器...

原创 前端HTML图片整合技术介绍

一、什么是图片整合技术（ css sprites 或者精灵图）css sprites直译过来就是CSS精灵。通常被解释为“CSS图像拼合”或“CSS贴图定位”。其实就是通过将多个图片融合到一张图里面，然后通过CSS background背景定位技术技巧布局网页背景。二、图片整合的优势：若干小图标拼合成一张图后布局，减少http iis请求数，对于大战大流量网站来说隐形优势很显然的，从而...

原创 文本溢出

文本溢出 溢出属性（容器的）overflow:visible/hidden(隐藏)/scroll/auto(自动)/inherit;visible:默认值，内容不会被修剪，会出现在元素框之外； hidden：内容会被修剪，并且其余内容是不可见的； scroll：内容会被修剪，但是浏览器会显示滚动条，以便查看其余的内容; auto：如果内容被修剪，则浏览器会显示滚动条，以便查看其...

原创 CSS核心基础

一、CSS属性组成和作用1）每个css样式都必须由两部分组成：选择符和声明 注：声明又包括属性和属性值 2）css属性：属性是指定选择符具有的属性，他是css的核心，css2共有150多个属性； 3）css属性值：属性值包括法定属性值和常规的数值加单位或颜色值(colorvalue)；如（25px）二、CSS属性类型1、font-family: 字体类型;{font-fa...

原创 CSS基础

一、CSS简介cascading style sheets 层叠样式表 WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制，简单说就是如何修饰网页信息的显示样式。 目前推荐遵循的是W3C发布的CSS3.0. 用来表现XHTML或者XML等样式文件的计算机语言。 1998年5月21日由w3C正式推出的css2.0 div+css的优点： 缩减页面...

原创 HTML表单基础知识

表单的作用：用来收集用户的信息的;1、表单框<form name="表单名称" method="post/get" action=""></form>说明： Get是用来从服务器上获得数据，而Post是用来向服务器上传递数据。出于安全性考虑，建议最好使用 Post 提交数据2、表单控件<input type="" /&g

原创 HTML表格基础知识

一、语法 注：一对tr表示一行;一对td表示一列(一个单元格)二、数据表格的相关属性 1）width=”表格的宽度”2）height=”表格的高度”3）border=”表格的边框”4）bordercolor=”边框色”5）cellspacing=”单元格与单元格之间的间距”6）cellpadding=”单元格...