E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Html&CSS
HTML&CSS
基础学习笔记1.26-input标签重置表单
重置表单的[type]属性值为"button"的时候表示一个普通的按钮,相当于一个标签。的[type]属性值为"reset"时,表示表单重置,它在页面的表现形式也是个按钮,但点击他的时候会让表单重置到页面刚加载时的状态。看一段代码吧:表单input标签--重置表单账号:密码:更多学习内容,就在码芽网http://www.mayacoder.com/lesson/index结果是这样的:重置后:
网盛数新
·
2016-08-23 09:23
html
html
重置表单
reset
input
button
HTML&CSS
基础学习笔记1.20-DIV标签2
阅读更多标签标签div把文档分割为独立的、不同的部分,而在HTML中,标签则被用来组合文档中的行内元素。看个实例:给页面添加一个第一个span第二个span第三个span段落中的span标签有时会用在段落里的一些词语上,然后对标签使用CSS样式的时候,就会对它所包的文本的样式进行修改。没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。这样看起来,它的作用跟是很像的,都是为了让文档结构更
octopole
·
2016-08-16 09:00
div
span
HTML&CSS
基础学习笔记1.20-DIV标签2
阅读更多标签标签div把文档分割为独立的、不同的部分,而在HTML中,标签则被用来组合文档中的行内元素。看个实例:给页面添加一个第一个span第二个span第三个span段落中的span标签有时会用在段落里的一些词语上,然后对标签使用CSS样式的时候,就会对它所包的文本的样式进行修改。没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。这样看起来,它的作用跟是很像的,都是为了让文档结构更
octopole
·
2016-08-16 09:00
div
span
HTML&CSS
基础学习笔记1.19-DIV标签1
阅读更多div标签这里我们要认识一下HTML里使用非常多的的一个标签:。标签定义文档中的分区或节(division/section),他可以把文档分割为独立的、不同的部分。它也可以用来布局,划分网页的区域。在标签的嵌套使用上会经常使用标签,让页面结构更加清晰。具体使用是这样的:添加一个<div>标签第一个DIV第二个DIV第三个DIV页面的效果也比较明了简单:一块块的列表网页上经常会呈
octopole
·
2016-08-13 09:00
div
HTML&CSS
基础学习笔记1.19-DIV标签1
阅读更多div标签这里我们要认识一下HTML里使用非常多的的一个标签:。标签定义文档中的分区或节(division/section),他可以把文档分割为独立的、不同的部分。它也可以用来布局,划分网页的区域。在标签的嵌套使用上会经常使用标签,让页面结构更加清晰。具体使用是这样的:添加一个<div>标签第一个DIV第二个DIV第三个DIV页面的效果也比较明了简单:一块块的列表网页上经常会呈
octopole
·
2016-08-13 09:00
div
HTML&CSS
基础学习笔记1.18-表格的边框
阅读更多今天的内容比较简单~来看看HTML里表格的边框是怎么设置的吧表格的边框前面为了方便观察表格单元格的情况,我们给加了border属性。的border属性规定围绕表格的边框的宽度。[border]属性会为每个单元格绘制边框,并用边框围绕表格。如果border属性的值发生改变,只有表格周围边框的尺寸会发生变化,表格内部的边框不受影响。表格的边框border观察border的作用第一个单元格第二个
octopole
·
2016-08-10 09:00
border
表格边框
table
HTML&CSS
基础学习笔记1.18-表格的边框
阅读更多今天的内容比较简单~来看看HTML里表格的边框是怎么设置的吧表格的边框前面为了方便观察表格单元格的情况,我们给加了border属性。的border属性规定围绕表格的边框的宽度。[border]属性会为每个单元格绘制边框,并用边框围绕表格。如果border属性的值发生改变,只有表格周围边框的尺寸会发生变化,表格内部的边框不受影响。表格的边框border观察border的作用第一个单元格第二个
octopole
·
2016-08-10 09:00
border
表格边框
table
HTML&CSS
基础学习笔记1.17-表格头部与尾部
阅读更多表格的头部和尾部既然有标签表示表格的主体,那么自然表格的头部和尾部也有对应的标签。HTML中使用标签表示表格的头部,使用标签表示表格的尾部。有了头部和尾部之后,里的结构就是这样:Html代码.........现在就让我们来试着用下这个2个标签吧:Html代码使用thead和tfoot标签使用thead和tfoot标签序号物品价格1、铅笔¥1.002、毛笔¥5.003、钢笔¥10.00总计:
octopole
·
2016-08-06 09:00
html
表格
thead
tfoot
HTML&CSS
基础学习笔记1.17-表格头部与尾部
阅读更多表格的头部和尾部既然有标签表示表格的主体,那么自然表格的头部和尾部也有对应的标签。HTML中使用标签表示表格的头部,使用标签表示表格的尾部。有了头部和尾部之后,里的结构就是这样:Html代码.........现在就让我们来试着用下这个2个标签吧:Html代码使用thead和tfoot标签使用thead和tfoot标签序号物品价格1、铅笔¥1.002、毛笔¥5.003、钢笔¥10.00总计:
octopole
·
2016-08-06 09:00
html
表格
thead
tfoot
HTML&CSS
基础学习笔记1.20-DIV标签2
标签标签div把文档分割为独立的、不同的部分,而在HTML中,标签则被用来组合文档中的行内元素。看个实例:给页面添加一个第一个span第二个span第三个span段落中的span标签有时会用在段落里的一些词语上,然后对标签使用CSS样式的时候,就会对它所包的文本的样式进行修改。没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。这样看起来,它的作用跟是很像的,都是为了让文档结构更清晰。s
网盛数新
·
2016-08-02 09:09
html
HTML&CSS
基础学习笔记1.19-DIV标签1
div标签这里我们要认识一下HTML里使用非常多的的一个标签:。标签定义文档中的分区或节(division/section),他可以把文档分割为独立的、不同的部分。它也可以用来布局,划分网页的区域。在标签的嵌套使用上会经常使用标签,让页面结构更加清晰。具体使用是这样的:添加一个标签第一个DIV第二个DIV第三个DIV页面的效果也比较明了简单:一块块的列表网页上经常会呈现许许多多的东西,这时候我们就
网盛数新
·
2016-07-30 10:39
html
div
html
HTML&CSS
基础学习笔记1.14—有序列表及列表嵌套
阅读更多我们上篇讲到了无序列表,那么今天就来看看有序列表和他们的组合嵌套使用吧。有序列表现在我们要做那堆杂事了,但是发现这么多杂事,先做哪个好呢?于是我们给这堆杂事弄个优先级排序,让我们能够按照顺序做下去。HTML里用标签来表示有序列表,标签的列表项依然是用标签表示。它的代码模板是这样的:...看看他的具体代码实现是怎样的吧:使用有序列表为有序列表添加列表项开会写报告睡觉浏览器结果是:列表嵌套我们
octopole
·
2016-07-30 09:00
html
有序列表
列表嵌套
列表
HTML&CSS
基础学习笔记1.14—有序列表及列表嵌套
阅读更多我们上篇讲到了无序列表,那么今天就来看看有序列表和他们的组合嵌套使用吧。有序列表现在我们要做那堆杂事了,但是发现这么多杂事,先做哪个好呢?于是我们给这堆杂事弄个优先级排序,让我们能够按照顺序做下去。HTML里用标签来表示有序列表,标签的列表项依然是用标签表示。它的代码模板是这样的:...看看他的具体代码实现是怎样的吧:使用有序列表为有序列表添加列表项开会写报告睡觉浏览器结果是:列表嵌套我们
octopole
·
2016-07-30 09:00
html
有序列表
列表嵌套
列表
HTML&CSS
基础学习笔记1.12—引入样式表
阅读更多引入样式表我么都知道HTML是网页内容的载体,CSS样式是表现,就像网页的外衣。如何让网页披上这层外衣呢?这个时候就需要用标签了,它起到将CSS样式链入页面的作用。标签属于头部标签,一般嵌套在head标签内,定义了文档与外部资源的关系,最常见的用途是链接样式表。标签链接样式表的写法:老规矩,我么来看段代码吧:链接--引入样式表链接--引入样式表按照提示在head标签内添加一个link标签这
octopole
·
2016-07-25 10:00
html
引入样式表
css
href
link
HTML&CSS
基础学习笔记1.12—引入样式表
阅读更多引入样式表我么都知道HTML是网页内容的载体,CSS样式是表现,就像网页的外衣。如何让网页披上这层外衣呢?这个时候就需要用标签了,它起到将CSS样式链入页面的作用。标签属于头部标签,一般嵌套在head标签内,定义了文档与外部资源的关系,最常见的用途是链接样式表。标签链接样式表的写法:老规矩,我么来看段代码吧:链接--引入样式表链接--引入样式表按照提示在head标签内添加一个link标签这
octopole
·
2016-07-25 10:00
html
引入样式表
css
href
link
HTML&CSS
基础学习笔记1.15-合并单元格
合并单元格之前的文章中,我们已经能够创建一个简单地表格了,如果我们需要把横向的某两个相邻单元格或者纵向的某两个相邻单元格合并,我们该怎么做呢?我们要知道的知识点如下:1.标签的[colspan]属性规定单元格可横跨的列数,即横向合并的单元格数;2.标签的[rowspan]属性规定单元格可横跨的行数,即纵向合并的单元格数;3.这2个标签也可以同时使用。样式示例:现在就来试试合并单元格吧:创建一个多行
网盛数新
·
2016-07-21 09:18
html
html
合并单元格
HTML&CSS
基础学习笔记1.10-添加链接
阅读更多我们可以设置链接的目标,使我们点击后可以跳转到我们想要去的地方。标签的href属性用于指定超链接目标的URL。在页面中添加的标签,浏览器会用特殊效果显示,这样用户就会知道它是一个可以链接到其他文档的超链接。看一段代码:码芽页面则是这样的:你会发现代码中有个标签,那么a标签是怎么会事呢?看看下面的内容,你就知道啦~当我们访问网页时,会看到很多链接。比如在百度搜索东西的时候,会看到很多很多的搜
octopole
·
2016-07-21 09:00
html
a标签
链接
HTML&CSS
基础学习笔记1.10-添加链接
阅读更多我们可以设置链接的目标,使我们点击后可以跳转到我们想要去的地方。标签的href属性用于指定超链接目标的URL。在页面中添加的标签,浏览器会用特殊效果显示,这样用户就会知道它是一个可以链接到其他文档的超链接。看一段代码:码芽页面则是这样的:你会发现代码中有个标签,那么a标签是怎么会事呢?看看下面的内容,你就知道啦~当我们访问网页时,会看到很多链接。比如在百度搜索东西的时候,会看到很多很多的搜
octopole
·
2016-07-21 09:00
html
a标签
链接
HTML&CSS
基础学习笔记1.9-添加图片
阅读更多标签是用来添加图片的~标签的使用方法:先来看段实例代码:网页页面是怎样的呢?看下图吧:当然,有时候我们的图片链接失效了,为了防止这种情况的发生,我们往往会为图片失效这个情况进行一个处理,即使用alt属性。标签的alt属性使用方法:代码实例如下:结果是这样的:(为了达到图片失效效果,特地将src写成“URL”)更多学习内容,就在http://www.mayacoder.com/lesson/
octopole
·
2016-07-19 09:00
html
图片
HTML&CSS
基础学习笔记1.9-添加图片
阅读更多标签是用来添加图片的~标签的使用方法:先来看段实例代码:网页页面是怎样的呢?看下图吧:当然,有时候我们的图片链接失效了,为了防止这种情况的发生,我们往往会为图片失效这个情况进行一个处理,即使用alt属性。标签的alt属性使用方法:代码实例如下:结果是这样的:(为了达到图片失效效果,特地将src写成“URL”)更多学习内容,就在http://www.mayacoder.com/lesson/
octopole
·
2016-07-19 09:00
html
图片
HTML&CSS
基础学习笔记1.8-预格式文本
今天的内容比较简单轻松,毕竟是周末嘛,好好玩耍吧~言归正传,看看今天要讲的预格式吧标签的主要作用是预格式化文本。被包围在pre标签中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。标签的一个常见应用就是用来表示计算机的源代码。当然你也可以在你需要在网页中预显示格式时使用它。会使你的文本换行的标签(例如、)绝不能包含在所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为
octopole
·
2016-07-17 09:00
html
预格式文本
HTML&CSS
基础学习笔记1.5-添加常用标签
阅读更多我们直接上代码吧:代码如下:简单的网页故乡我在朦胧中,眼前展开一片海边碧绿的沙地来,上面深蓝的天空中挂着一轮金黄的圆月。我想:希望是本无所谓有,无所谓无的。这正如地上的路;其实地上本没有路,走的人多了,也便成了路。图片路径仅供参考缩小图片页面是这样的:更多学习体验就在http://www.mayacoder.com/lesson/index
octopole
·
2016-07-11 10:00
html
标签
HTML&CSS
基础学习笔记1.5-添加常用标签
阅读更多我们直接上代码吧:代码如下:简单的网页故乡我在朦胧中,眼前展开一片海边碧绿的沙地来,上面深蓝的天空中挂着一轮金黄的圆月。我想:希望是本无所谓有,无所谓无的。这正如地上的路;其实地上本没有路,走的人多了,也便成了路。图片路径仅供参考缩小图片页面是这样的:更多学习体验就在http://www.mayacoder.com/lesson/index
octopole
·
2016-07-11 10:00
html
标签
HTML&CSS
基础学习笔记1.5-添加常用标签
我们直接上代码吧:代码如下: 简单的网页 故乡我在朦胧中,眼前展开一片海边碧绿的沙地来,上面深蓝的天空中挂着一轮金黄的圆月。我想:希望是本无所谓有,无所谓无的。这正如地上的路;其实地上本没有路,走的人多了,也便成了路。图片路径仅供参考缩小图片 页面是这样的:更多学习体验就在http://www.mayacoder.com/lesson/index
octopole
·
2016-07-11 10:00
html
标签
HTML&CSS
基础学习笔记1.4-定义文档类型
定义HTML的文档类型Web世界中存在许多不同的文档。只有了解文档的类型,浏览器才能正确地显示文档。HTML也有多个不同的版本,只有完全明白页面中使用的确切HTML版本,浏览器才能完全正确地显示出HTML页面。这就是的用处。声明不是HTML标签,它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用置标语言解析器,它应该使用什
octopole
·
2016-07-10 15:01
html
文档类型
Web 前端开发学习资料整理
我只是闲来无事整理一下,如有不足,嘴下留情..毕竟分享不是一件坏事,共同学习...一、语言基础(以书和网站为主)1.HTML&CSS:(1)入门:Codeademy上的
html&css
课程——在线交互式编程平台
GISEarth
·
2016-07-09 10:56
javascript
Web 前端开发学习资料整理
我只是闲来无事整理一下,如有不足,嘴下留情..毕竟分享不是一件坏事,共同学习...一、语言基础(以书和网站为主)1.HTML&CSS:(1)入门:Codeademy上的
html&css
课程——在线交互式编程平台
happyduoduo1
·
2016-07-09 10:00
学习
前端开发
语言
web前端开发
HTML&CSS
基础学习笔记1.3-HTML的标签语法
HTML标签语法1.标签由英文尖括号括起来,如就是一个标签。2.HTML中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。如:3.标签的内容是开始标签与结束标签之间的内容,如:这是标题。4.标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:里嵌套,那么必须放在的前面。 如5.HTML标签不区分大小写,和是一样的,建议小写,因为以后的标准中可能会强制要求小写。6.
octopole
·
2016-07-07 11:00
html
标签
HTML&CSS
基础学习笔记1.3-HTML的标签语法
阅读更多HTML标签语法1.标签由英文尖括号括起来,如就是一个标签。2.HTML中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。如:3.标签的内容是开始标签与结束标签之间的内容,如:这是标题。4.标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:里嵌套,那么必须放在的前面。如5.HTML标签不区分大小写,和是一样的,建议小写,因为以后的标准中可能会强制要求小写
octopole
·
2016-07-07 11:00
html
标签
HTML&CSS
基础学习笔记1.3-HTML的标签语法
阅读更多HTML标签语法1.标签由英文尖括号括起来,如就是一个标签。2.HTML中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。如:3.标签的内容是开始标签与结束标签之间的内容,如:这是标题。4.标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:里嵌套,那么必须放在的前面。如5.HTML标签不区分大小写,和是一样的,建议小写,因为以后的标准中可能会强制要求小写
octopole
·
2016-07-07 11:00
html
标签
HTML&CSS
基础学习笔记1.2-HTML的全局属性?
HTML元素都有属性,下面的这些全局属性是所有的HTML元素都可以使用的。 常见的有: HTML元素也有一些本身自己独特的属性,我们以后的笔记中有机会,会再为大家介绍哦。 部分内容可参考下图:http://www.mayacoder.com/Lesson/unit?id=1
octopole
·
2016-07-05 10:00
html
全局属性
HTML&CSS
基础学习笔记1.1-简单网页中有哪些标签?
阅读更多一个简单网页中有哪些HTML标签?平时我们看到的网页,都是由HTML的标签来组成的。HTML标签非常多,我们先来认识一部分。1.称为根标签,所有的网页标签都在中。2.标签用于定义文档的头部,它是所有头部元素的容器。头部元素有、、、、等标签。3.在和标签之间的内容是网页的主要内容,如、、、等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。举例:一个简单的网页img{width:100
octopole
·
2016-07-04 19:00
html
标签
HTML&CSS
基础学习笔记1.1-简单网页中有哪些标签?
阅读更多一个简单网页中有哪些HTML标签?平时我们看到的网页,都是由HTML的标签来组成的。HTML标签非常多,我们先来认识一部分。1.称为根标签,所有的网页标签都在中。2.标签用于定义文档的头部,它是所有头部元素的容器。头部元素有、、、、等标签。3.在和标签之间的内容是网页的主要内容,如、、、等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。举例:一个简单的网页img{width:100
octopole
·
2016-07-04 19:00
html
标签
HTML&CSS
基础学习笔记1.1-简单网页中有哪些标签?
一个简单网页中有哪些HTML标签?平时我们看到的网页,都是由HTML的标签来组成的。HTML标签非常多,我们先来认识一部分。1.称为根标签,所有的网页标签都在中。2.标签用于定义文档的头部,它是所有头部元素的容器。头部元素有、、、、等标签。3.在和标签之间的内容是网页的主要内容,如、、、等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。举例:一个简单的网页img{width:100px;h
octopole
·
2016-07-04 19:00
html
标签
骨灰级前端放大招之必杀技 【大学之道 在明明德 在亲民 在止于至善】
前端开发面试知识点大纲:
HTML&CSS
: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级及使用、HTML5、CSS3
yongbin668
·
2016-06-30 09:00
前端
web前端
面试题
前端面试
web前端面试题及答案汇总
序前端开发面试知识点大纲:
HTML&CSS
:对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应JavaScript:
dongyang0311
·
2016-06-26 17:10
HTML&CSS
——css中postion的fixed与absolute区别详解
fixed固定定位,参照位置是浏览器窗口的左上角,即坐标点为(0px,0px)absolute绝对定位,参展位置是离当前元素最近的定位方式为fixed,absolute,relative的祖先原则的左上角,举个例子复制代码代码如下:我的参照坐标是id=p2通过上面的例子,可知h2的绝对定位参照点是id=p2的父元素,p3是静态的static定位,不能当作定位点
oscar92420aaa
·
2016-05-10 11:00
HTML&CSS
——Position属性四个值:fixed、absolute和relative的区别和用法
用Div+CSS进行网站布局时,做一些浮动层等特殊效果时要考虑到定位问题。这就要用到Position属性等。Position属性有四个值:static、fixed、absolute和relative,后面两个在布局中的定位里是经常用到的,顾名思义,absolute是指绝对定位,即将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位,而其层叠通过z-index属性定
oscar92420aaa
·
2016-05-10 11:00
【
HTML&CSS
】混合布局
混合布局 body{margin:0;padding:0;}.top{height:100px;background:blue;}.main{width:800px;height:600px;background:#ccc;margin:0auto;}.left{width:200px;height:600px;background:yellow;float:left;}.right{wi
IT_rookie_lst
·
2016-05-06 18:00
HTML&CSS
Introduction互联网上有很多信息并不是存在数据库中也不是API格式,这些数据存储网页上。提取这些数据的一个技术就是网页爬虫(webscraping)。在Python中进行爬虫的过程大概就是:使用requests库加载这个网页,然后使用beautifulsoup库从这个网页中提取出相关的信息。WebpageStructure网页是由HyperTextMarkupLanguage(HTML)
zm714981790
·
2016-05-06 10:00
HTML&CSS
——琐碎的知识点(2)
1.什么是块级元素?在html中、、、、和就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。a{display:block;}块级元素特点:1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)2、元素的高度、宽度、行高以及顶和底边距都可设置。3、元素宽度在不设置的情况下
oscar92420aaa
·
2016-05-05 18:00
HTML&CSS
——琐碎的知识点(1)
1.head部分的标签 ... ... ... 2.标签:在和标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。 3.代码注释 4.注意一段文字一个标签,如在一篇新闻文章中有3段文字,就要把这3个段落分别放到3个标签中。标签的默认样式,可以在上图中看出来,
oscar92420aaa
·
2016-05-05 17:00
HTML&CSS
——对背景图定位中background-position属性的自我理解
最近在项目中需要大量的用到很多标签按钮什么的零碎图片,加上一直没机会使用Css中的”精灵技术“,这里把我对background-position的理解写成文档供更多人使用学习;如果有不对的请大家使劲拍最近在项目中需要大量的用到很多标签按钮什么的零碎图片,加上一直没机会使用Css中的”精灵技术“,这里把我对background-position的理解写成文档供更多人使用学习。现有所有按钮图片的合体第
oscar92420aaa
·
2016-05-03 15:00
HTML&CSS
——CSS中背景background-position负值定位深入理解[图文]
下面是我要用到的一个背景图:代码如下: 复制代码代码如下: x:0,y:0 x:-50px,y:-50px x:100px,y:100px HTML页中是162*162的灰色背景DIV块并加入三种不同位置的背景图片,在浏览器中看到的效果:从上图可以看到:当为background-position:00;时图片的左上角与DIV的左上角是重合的,当我们定位于backgr
oscar92420aaa
·
2016-05-03 15:00
HTML&CSS
——利用CSS定位背景图片 background-position
我们在研究其他的网站的样式的时候经常会发现一种情况,就是在很多background属性里都调用同一张图片,来满足网页各个部分的使用。打开这种图片看一下,会发现这张图片上包含了很多小图片;又如:这些小图片就是整图分割后的各个部分,把各个部分放在一张图片上,而不是是分别存储成单独的图片,其目的我们都知道,就是减少http请求次数,节省时间和带宽。那么怎么来实现一张图片在不同的地方只显示其中的一部分呢,
oscar92420aaa
·
2016-05-03 15:00
HTML&CSS
——css设置背景图定位的问题
你查查background-position并练习一下就知道了,背景图的两个偏移值可以用background-position: x y;表示。x是水平位置偏移,y是垂直位置偏移。你可以用坐标来理解,图片左上角的坐标就是0 0。如-683px -162px就是:水平偏移683px,垂直偏移162px具体的数值是根据你图片来定的,如下图:黑色的图片距离左边30px,距离顶部60px,那么backgr
oscar92420aaa
·
2016-05-03 15:00
HTML&CSS
——css sprites技术将多个背景集成到一个png图片上css定位
美国YAHOO在页面制作中所用到的图片整合技术,这样做虽然需要花一定的时间来有规则的合并这些ICON,栏目背景,图片按钮,以方便CSS调用,但是这样做绝对是合算的,而且是有必要的,YSlow也是极力推荐的。 实现方法: 首先将小图片整合到一张大的图片上,然后根据具体图标在大图上的位置,给背景定位。background-position:-8px-95px; 浅谈CSSSprites技术以及图片优化
oscar92420aaa
·
2016-05-03 15:00
HTML&CSS
——background: url() no-repeat 0 -64px;CSS中背景图片定位方法
CSS中背景图片的定位,困扰我很久了。今天总算搞懂了,一定要记下来。在CSS中,背景图片的定位方法有3种:1)关键字:background-position:topleft;2)像素:background-position:0px0px;3)百分比:background-position:0%0%;上面这三句语句,都将图片定位在背景的左上角,表面上看效果是一样的,实际上第三种定位机制与前两种完全不
闲逛上海滩
·
2016-05-03 14:05
HTML&CSS
HTML&CSS
——background: url() no-repeat 0 -64px;CSS中背景图片定位方法
CSS中背景图片的定位,困扰我很久了。今天总算搞懂了,一定要记下来。在CSS中,背景图片的定位方法有3种:1)关键字:background-position:topleft;2)像素:background-position:0px0px;3)百分比:background-position:0%0%;上面这三句语句,都将图片定位在背景的左上角,表面上看效果是一样的,实际上第三种定位机制与前两种完全不
oscar92420aaa
·
2016-05-03 14:00
HTML&CSS
——display:inline-block;
inline-block的元素既具有block元素可以设置宽高的特性,同时又具有inline元素默认不换行的特性。当然不仅仅是这些特性,比如inline-block元素也可以设置vertical-align属性。HTML中的换行符、空格符、制表符等合并为空白符,字体大小不为0的情况下,空白符自然占据一定的宽度,使用inline-block会产生了元素间的空隙。display:inline;内联元素
oscar92420aaa
·
2016-05-03 13:00
上一页
7
8
9
10
11
12
13
14
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他