Loading...
原理:CSS 精灵其实是将网页中的一些背景图像整合到一张大图中(精灵图)。然而,各个网页元素通常只需要精灵图中不同位置的某个小图,要想精确定位到精灵图中的某个小图,就需要使用CSS的background-image、background-repeat和background-position属性进行背景定位,其中最关键的是使用background-position属性精确地定位。案例#home...
CSS的隐藏overflow:hidden; 溢出隐藏 ,超出元素范围的内容会被剪切掉。visibility:hidden; 隐藏元素, 隐藏之后...
vertical-align 其实就是垂直对齐的意思。值描述baseline默认。元素放置在父元素的基线上。sub垂直对齐文本的下标。top把元素的顶端与行中最高元素的顶端对齐text-top把元素的顶端与父元素字体的顶端对齐middle把此元素放置在父元素的中部。bottom把元素的顶端与行中最低的元素的顶端对齐。text-bottom把元素的底端与父元素字体的底端对齐。length-%使...
标签包含规范div可以包含所有的标签。p标签不能包含div h1等标签。h1可以包含p,div等标签,但不建议使用。行内元素尽量包含行内元素,行内元素不要...
定位一共有4个方向,left,right,top,bottom;格式为:先写定位方式,后写方向。position:absolute; top:20px; left:30px;静态定位语法:position:static; 默认值:文档流(元素自上而下,自左而右,块元素独占一行,行内元素在一行上显示,碰到父集元素的边框换行)。这是默认的定位方式。绝对定位语法:position:absolut...
由于各浏览器的渲染内核都不一样,对相同的标签可能会有不同的样式,为了解决这种问题带来的浏览器的不兼容,在网页开发之前,一般都会进行初始化,下面几个是常用的...
浮动布局语法:关键字:float。值:left(左浮动);right(右浮动)。特点:元素浮动之后不占据原来的位置(脱标),下面的元素会在浮动元素的下面。浮动的盒子在一行上显示。行内元素浮动之后转换为行内块元素。(转行内块元素不推荐使用此方法,转行内元素最好使用display: inline-block;)。浮动通常用于:文本绕图(文字不会位于浮动元素的下面)、制作导航(通常是li的浮动)、...
所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border...
jsp概述及原理JSP全称是Java Server Pages,中文名叫java服务器页面,它和servle技术一样,都是SUN公司定义的一种用于开发动态web资源的技术。JSP实际上就是Servlet。可以理解为:jsp = html + java注意:servlet:服务器端的小应用程序。主要功能为:获取表单数据、处理业务逻辑、分发转向。jsp:适合编写输出动态内容,但不适合编写java...
会话概念会话(Session)跟踪是Web程序中常用的技术,用来跟踪用户的整个会话。简单的说就是,用户开一个浏览器,点击多个超链接,访问服务器多个web资...