- 博客(11)
- 收藏
- 关注
原创 css3渐进增强和优雅降级的简介
渐进增强和优雅降级的简介优雅降级和渐进增强印象中是随着css3流出来的一个概念。 由于低级浏览器不支持css3,但css3的效果又太优秀不忍放弃,所以在高级浏览中使用css3而低级浏览器只保证最基本的功能。乍一看两个概念差不多,都是在关注不同浏览器下的不同体验,关键的区别是他们所侧重的内容,以及这种不同造成的工作流程的差异。 什么是渐进增强(progressive enhancemen...
2018-08-18 15:32:07 384
原创 html5新增表单属性
1、表单字段集:<fieldset></fieldset>相当于一个方框,在字段集中可以包含文本和其他元素。 该元素用于对表单中的元素进行分组并在文档中区别标出文本。 fieldset元素可以嵌套,在其内部可以在设置多个fieldset对象。 disabled定义空间禁制可用2、字段级标题:<legend></legend>...
2018-08-18 15:25:10 700
原创 浏览器兼容
一、常用的浏览器1)主流浏览器 Internet Explorer、 Safari、Mozilla Firefox、 Google Chrome、Opera、百度、360、搜狗、傲游 2)最早的浏览器 : Mosaic / Netscape Navigator(网景领航者)(1994-2008)简称NN二、五大浏览器内核•Trident (MSHTML) (三叉戟;...
2018-08-18 15:11:04 148
原创 宽高自适应 解决浮动元素的父元素高度塌陷 BFC介绍
宽高自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是自适应。元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示。(1)宽度自适应 元素宽度设置为100%。(块元素宽度默认为100%)(2)元素具备最小高度的自适应 min-height属性:最小高度; 说明:IE6浏览器...
2018-08-18 11:58:30 372
原创 前端HTML图片整合技术介绍
一、什么是图片整合技术( css sprites 或者精灵图)css sprites直译过来就是CSS精灵。通常被解释为“CSS图像拼合”或“CSS贴图定位”。其实就是通过将多个图片融合到一张图里面,然后通过CSS background背景定位技术技巧布局网页背景。二、图片整合的优势:若干小图标拼合成一张图后布局,减少http iis请求数,对于大战大流量网站来说隐形优势很显然的,从而...
2018-08-18 11:48:35 734
原创 文本溢出
文本溢出 溢出属性(容器的)overflow:visible/hidden(隐藏)/scroll/auto(自动)/inherit;visible:默认值,内容不会被修剪,会出现在元素框之外; hidden:内容会被修剪,并且其余内容是不可见的; scroll:内容会被修剪,但是浏览器会显示滚动条,以便查看其余的内容; auto:如果内容被修剪,则浏览器会显示滚动条,以便查看其...
2018-08-18 11:45:13 251
原创 CSS核心基础
一、CSS属性组成和作用1)每个css样式都必须由两部分组成:选择符和声明 注:声明又包括属性和属性值 2)css属性:属性是指定选择符具有的属性,他是css的核心,css2共有150多个属性; 3)css属性值:属性值包括法定属性值和常规的数值加单位或颜色值(colorvalue);如(25px)二、CSS属性类型1、font-family: 字体类型;{font-fa...
2018-08-18 11:36:08 334
原创 CSS基础
一、CSS简介cascading style sheets 层叠样式表 WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式。 目前推荐遵循的是W3C发布的CSS3.0. 用来表现XHTML或者XML等样式文件的计算机语言。 1998年5月21日由w3C正式推出的css2.0 div+css的优点: 缩减页面...
2018-08-18 11:27:30 125
原创 HTML表单基础知识
表单的作用:用来收集用户的信息的;1、表单框<form name="表单名称" method="post/get" action=""></form>说明: Get是用来从服务器上获得数据,而Post是用来向服务器上传递数据。出于安全性考虑,建议最好使用 Post 提交数据2、表单控件<input type="" /&g
2018-08-18 11:22:36 178
原创 HTML表格基础知识
一、语法 注:一对tr表示一行;一对td表示一列(一个单元格)二、数据表格的相关属性 1)width=”表格的宽度”2)height=”表格的高度”3)border=”表格的边框”4)bordercolor=”边框色”5)cellspacing=”单元格与单元格之间的间距”6)cellpadding=”单元格...
2018-08-18 11:13:37 225
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人