Html&CSS

HTML&CSS基础学习笔记1.15-合并单元格

合并单元格之前的文章中，我们已经能够创建一个简单地表格了，如果我们需要把横向的某两个相邻单元格或者纵向的某两个相邻单元格合并，我们该怎么做呢？我们要知道的知识点如下：1.标签的[colspan]属性规定单元格可横跨的列数，即横向合并的单元格数；2.标签的[rowspan]属性规定单元格可横跨的行数，即纵向合并的单元格数；3.这2个标签也可以同时使用。样式示例：现在就来试试合并单元格吧：创建一个多行
网盛数新·2016-07-21 09:18

HTML&CSS基础学习笔记1.10-添加链接

阅读更多我们可以设置链接的目标，使我们点击后可以跳转到我们想要去的地方。标签的href属性用于指定超链接目标的URL。在页面中添加的标签，浏览器会用特殊效果显示，这样用户就会知道它是一个可以链接到其他文档的超链接。看一段代码：码芽页面则是这样的：你会发现代码中有个标签，那么a标签是怎么会事呢？看看下面的内容，你就知道啦~当我们访问网页时，会看到很多链接。比如在百度搜索东西的时候，会看到很多很多的搜
octopole·2016-07-21 09:00

HTML&CSS基础学习笔记1.10-添加链接

阅读更多我们可以设置链接的目标，使我们点击后可以跳转到我们想要去的地方。标签的href属性用于指定超链接目标的URL。在页面中添加的标签，浏览器会用特殊效果显示，这样用户就会知道它是一个可以链接到其他文档的超链接。看一段代码：码芽页面则是这样的：你会发现代码中有个标签，那么a标签是怎么会事呢？看看下面的内容，你就知道啦~当我们访问网页时，会看到很多链接。比如在百度搜索东西的时候，会看到很多很多的搜
octopole·2016-07-21 09:00

HTML&CSS基础学习笔记1.9-添加图片

阅读更多标签是用来添加图片的~标签的使用方法：先来看段实例代码：网页页面是怎样的呢？看下图吧：当然，有时候我们的图片链接失效了，为了防止这种情况的发生，我们往往会为图片失效这个情况进行一个处理，即使用alt属性。标签的alt属性使用方法：代码实例如下：结果是这样的：（为了达到图片失效效果，特地将src写成“URL”）更多学习内容，就在http://www.mayacoder.com/lesson/
octopole·2016-07-19 09:00

HTML&CSS基础学习笔记1.9-添加图片

阅读更多标签是用来添加图片的~标签的使用方法：先来看段实例代码：网页页面是怎样的呢？看下图吧：当然，有时候我们的图片链接失效了，为了防止这种情况的发生，我们往往会为图片失效这个情况进行一个处理，即使用alt属性。标签的alt属性使用方法：代码实例如下：结果是这样的：（为了达到图片失效效果，特地将src写成“URL”）更多学习内容，就在http://www.mayacoder.com/lesson/
octopole·2016-07-19 09:00

HTML&CSS基础学习笔记1.8-预格式文本

今天的内容比较简单轻松，毕竟是周末嘛，好好玩耍吧~言归正传，看看今天要讲的预格式吧标签的主要作用是预格式化文本。被包围在pre标签中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。标签的一个常见应用就是用来表示计算机的源代码。当然你也可以在你需要在网页中预显示格式时使用它。会使你的文本换行的标签（例如、）绝不能包含在所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行，但是这种行为
octopole·2016-07-17 09:00

HTML&CSS基础学习笔记1.5-添加常用标签

阅读更多我们直接上代码吧：代码如下：简单的网页故乡我在朦胧中，眼前展开一片海边碧绿的沙地来，上面深蓝的天空中挂着一轮金黄的圆月。我想：希望是本无所谓有，无所谓无的。这正如地上的路；其实地上本没有路，走的人多了，也便成了路。图片路径仅供参考缩小图片页面是这样的：更多学习体验就在http://www.mayacoder.com/lesson/index
octopole·2016-07-11 10:00

HTML&CSS基础学习笔记1.5-添加常用标签

阅读更多我们直接上代码吧：代码如下：简单的网页故乡我在朦胧中，眼前展开一片海边碧绿的沙地来，上面深蓝的天空中挂着一轮金黄的圆月。我想：希望是本无所谓有，无所谓无的。这正如地上的路；其实地上本没有路，走的人多了，也便成了路。图片路径仅供参考缩小图片页面是这样的：更多学习体验就在http://www.mayacoder.com/lesson/index
octopole·2016-07-11 10:00

HTML&CSS基础学习笔记1.5-添加常用标签

我们直接上代码吧：代码如下：    简单的网页  故乡我在朦胧中，眼前展开一片海边碧绿的沙地来，上面深蓝的天空中挂着一轮金黄的圆月。我想：希望是本无所谓有，无所谓无的。这正如地上的路；其实地上本没有路，走的人多了，也便成了路。图片路径仅供参考缩小图片 页面是这样的：更多学习体验就在http://www.mayacoder.com/lesson/index 
octopole·2016-07-11 10:00

HTML&CSS基础学习笔记1.4-定义文档类型

定义HTML的文档类型Web世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。HTML也有多个不同的版本，只有完全明白页面中使用的确切HTML版本，浏览器才能完全正确地显示出HTML页面。这就是的用处。声明不是HTML标签，它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用置标语言解析器，它应该使用什
octopole·2016-07-10 15:01

Web 前端开发学习资料整理

我只是闲来无事整理一下,如有不足，嘴下留情..毕竟分享不是一件坏事,共同学习...一、语言基础（以书和网站为主）1.HTML&CSS：（1）入门：Codeademy上的html&css课程——在线交互式编程平台
GISEarth·2016-07-09 10:56

Web 前端开发学习资料整理

我只是闲来无事整理一下,如有不足，嘴下留情..毕竟分享不是一件坏事,共同学习...一、语言基础（以书和网站为主）1.HTML&CSS：（1）入门：Codeademy上的html&css课程——在线交互式编程平台
happyduoduo1·2016-07-09 10:00

HTML&CSS基础学习笔记1.3-HTML的标签语法

HTML标签语法1.标签由英文尖括号括起来，如就是一个标签。2.HTML中的标签一般都是成对出现的，分开始标签和结束标签。结束标签比开始标签多了一个/。如：3.标签的内容是开始标签与结束标签之间的内容，如：这是标题。4.标签与标签之间是可以嵌套的，但先后顺序必须保持一致，如：里嵌套，那么必须放在的前面。 如5.HTML标签不区分大小写，和是一样的，建议小写，因为以后的标准中可能会强制要求小写。6.
octopole·2016-07-07 11:00

HTML&CSS基础学习笔记1.3-HTML的标签语法

阅读更多HTML标签语法1.标签由英文尖括号括起来，如就是一个标签。2.HTML中的标签一般都是成对出现的，分开始标签和结束标签。结束标签比开始标签多了一个/。如：3.标签的内容是开始标签与结束标签之间的内容，如：这是标题。4.标签与标签之间是可以嵌套的，但先后顺序必须保持一致，如：里嵌套，那么必须放在的前面。如5.HTML标签不区分大小写，和是一样的，建议小写，因为以后的标准中可能会强制要求小写
octopole·2016-07-07 11:00

HTML&CSS基础学习笔记1.3-HTML的标签语法

阅读更多HTML标签语法1.标签由英文尖括号括起来，如就是一个标签。2.HTML中的标签一般都是成对出现的，分开始标签和结束标签。结束标签比开始标签多了一个/。如：3.标签的内容是开始标签与结束标签之间的内容，如：这是标题。4.标签与标签之间是可以嵌套的，但先后顺序必须保持一致，如：里嵌套，那么必须放在的前面。如5.HTML标签不区分大小写，和是一样的，建议小写，因为以后的标准中可能会强制要求小写
octopole·2016-07-07 11:00

HTML&CSS基础学习笔记1.2-HTML的全局属性？

HTML元素都有属性，下面的这些全局属性是所有的HTML元素都可以使用的。 常见的有：  HTML元素也有一些本身自己独特的属性，我们以后的笔记中有机会，会再为大家介绍哦。 部分内容可参考下图：http://www.mayacoder.com/Lesson/unit?id=1
octopole·2016-07-05 10:00

HTML&CSS基础学习笔记1.1-简单网页中有哪些标签？

阅读更多一个简单网页中有哪些HTML标签？平时我们看到的网页，都是由HTML的标签来组成的。HTML标签非常多，我们先来认识一部分。1.称为根标签，所有的网页标签都在中。2.标签用于定义文档的头部，它是所有头部元素的容器。头部元素有、、、、等标签。3.在和标签之间的内容是网页的主要内容，如、、、等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。举例：一个简单的网页img{width:100
octopole·2016-07-04 19:00

HTML&CSS基础学习笔记1.1-简单网页中有哪些标签？

阅读更多一个简单网页中有哪些HTML标签？平时我们看到的网页，都是由HTML的标签来组成的。HTML标签非常多，我们先来认识一部分。1.称为根标签，所有的网页标签都在中。2.标签用于定义文档的头部，它是所有头部元素的容器。头部元素有、、、、等标签。3.在和标签之间的内容是网页的主要内容，如、、、等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。举例：一个简单的网页img{width:100
octopole·2016-07-04 19:00

HTML&CSS基础学习笔记1.1-简单网页中有哪些标签？

一个简单网页中有哪些HTML标签？平时我们看到的网页，都是由HTML的标签来组成的。HTML标签非常多，我们先来认识一部分。1.称为根标签，所有的网页标签都在中。2.标签用于定义文档的头部，它是所有头部元素的容器。头部元素有、、、、等标签。3.在和标签之间的内容是网页的主要内容，如、、、等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。举例：一个简单的网页img{width:100px;h
octopole·2016-07-04 19:00

骨灰级前端放大招之必杀技 【大学之道 在明明德 在亲民 在止于至善】

前端开发面试知识点大纲：HTML&CSS： 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3
yongbin668·2016-06-30 09:00

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——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

HTML&CSS基础

HTML&CSS基础什么是Web？
chenzhiqin25·2016-04-26 10:18

HTML&CSS—— javascript (function(){})()闭包

原文链接：http://blog.csdn.net/yn49782026/article/details/8549462代码如下:(function(){ //这里忽略jQuery所有实现 })(); (function(){//这里忽略jQuery所有实现})();半年前初次接触jQuery的时候，我也像其他人一样很兴奋地想看看源码是什么样的。然而，在看到源码的第一眼，我就迷糊了。为什么只有一个
oscar92420aaa·2016-04-17 17:00

HTML&CSS——选择器中间加空格和逗号的区别？

pspan{}选择了P元素下的所有span元素。这是后代选择器，空格是后代选择器的标识符。p,span{}选择了P元素和span元素。这是多元素选择器，同时选择多个元素，元素之间用逗号分隔。
oscar92420aaa·2016-04-14 19:00

HTML&CSS——nth-child()选择器

实例规定属于其父元素的第二个子元素的每个p的背景色：p:nth-child(2) { background:#ff0000; } 亲自试一试浏览器支持IEFirefoxChromeSafariOpera     所有主流浏览器均支持:nth-child()选择器，除了IE8及更早的版本。定义和用法:nth-child(n)选择器匹配属于其父元素的第N个子元素，不论元素的类型。n 可以是数字、关键词
oscar92420aaa·2016-04-14 14:00

HTML&CSS——text-indent:2em详解

记得过去刚开始学习制作页面的时候，要想让一段文字首行缩进两个文字，总是在前面加上8个“”，因为过去大家对CSS不熟悉，这种方法实现虽然比较直接，但是文字多的时候会有很多“”充斥在代码中，代码显着比较乱，现在我们实现这种效果就简单多了，直接在CSS代码中加入：text-indent:2em;就很容易实现文本段落的缩进~text-indent:2em;解释一下：text的意思是文本，indent在计算
oscar92420aaa·2016-04-14 10:00

HTML&CSS——css中设定的背景图片无法显示的解决方法

原文链接：http://blog.csdn.net/houqd2012/article/details/8111815曾经在html中编写网页的时候，将外部的css样式表链接到网页中，其它像：background-color.padding,margin等都可以正常起作用，但就是background-image不起作用，而且有时一气之下将background-image:url(“”绝对路径“”)
oscar92420aaa·2016-04-13 09:00

HTML&CSS——CSS3 Background-size

Background大家一定不会陌生，但是ＣＳＳ3开始，给这个Background属性增加了几个新的属性值：Background-size,Background-clip和Background-origin。那么从今天开始分几节内容分别来介绍一下background-size,background-clip,background-origin等新属性。今天的主题是Background-size，在
oscar92420aaa·2016-04-12 15:00

HTML&CSS——line-height设置成height使得文字居中

首先行高是文字的字符大小和字符上下的边距决定的，关键就是这个上下的边距是相等的，你可以把行高想象是两条看不见的水平平行线，而在平行线内，字符与平行线上下的边距总是相等的，就是垂直居中的意思。 而height这个属性是盒子属性的高度，盒子并没有像行高这样与上下的边距是相等的要求。而是默认在左上角 所以不是行高line-height与文字高height一样就能让文字居中，而是应该这样理解，字符本来
oscar92420aaa·2016-04-12 14:00

前端开发面试问题及答案整理

前端开发面试知识点大纲：HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。
qq_20389175·2016-04-11 10:00

HTML&CSS

完成如下的结构：代码如下：This以及以下的代码加了一个BLOCKQUOTE的标签Thisinitiativere-enforcesadherencetothepolicyandiseffectiveDecemberCloseFY16.Byapplyingthisthreshold,wewillsignificantlyreducethevolumeofimmaterialjournalsallo
oscar92420aaa·2016-04-05 14:00

HTML&CSS基础课程1-5章笔记

HTML是网页内容的载体，内容就是我们浏览网页是看到的文字、图片、视频等等HTML标签：段落，分段从h1一直到h6，重要性一次递减斜体,加粗，起强调作用，开发中很少用到没有语义，设置单独的样式用quote短文本引用长文本引用换行，空标签，只有开始标签，没有结束标签 空格，注意分号是必须写的水平横线，这也是一个空标签地址一行代码蝴蝶很美如果不用code标签，我们看到的会是蝴蝶很美用了cod
胖鱼尾巴·2016-03-25 22:34

HTML&CSS——margin:0 auto居中

margin后面如果只有两个参数的话，第一个表示top和bottom，第二个表示left和right 因为0auto，表示上下边界为0，左右则根据宽度自适应相同值（即居中）
oscar92420aaa·2016-03-24 22:00

[Codecademy] HTML&CSS 第四课：Social Networking Profile

[Codecademy]HTML&&CSS课程学习目录------------------------------------------------------------------------------------------------同样，按照Codecademy的惯例，都是一节课讲知识点，然后再一节课做练习做一个小页面，交替进行。这节课是练习课。按照提示，写一个个人简介的页面，很快就
qq_33583069·2016-03-22 15:00

[Codecademy] HTML&CSS 第三课：HTML Basic II

[Codecademy]HTML&&CSS课程学习目录------------------------------------------------------------------------------------------------Introduction 在这节课中，我们要进入下一阶段：a.制作排序列表的和不排序列表b.改变字体大小，颜色和类型c.改变背景颜色d.字体对齐Order
qq_33583069·2016-02-15 17:00

[Codecademy] HTML&CSS 第二课：Build Your Own Webpage

[Codecademy]HTML&&CSS课程学习目录------------------------------------------------------------------------------------------------这一节课的内容，就是上一节课的练习，根据已学的内容，写一个非常非常简单的一个页面，跟着Codecademy做，一下子就完了。 Thisis
qq_33583069·2016-02-15 17:00
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他