2019年11月19日

IT兄弟连 HTML5教程 CSS3属性特效 倒影

摘要:在Web制作中,有些时候需要实现一些倒影的效果。在传统网页中,我们只能使用photoshop事先将倒影设计好,然后导入到网页中,这样不但耗费资源,也阻碍了开发效率。而CSS新增了Reflections板块,CSS Reflections允许设计倒影,目前,CSS Reflections仅获得webk 阅读全文

posted @ 2019-11-19 09:24 老码农的一亩三分地 阅读 (4) 评论 (0) 编辑

2019年11月18日

IT兄弟连 HTML5教程 CSS3属性特效 盒模型阴影

摘要:除了为文字添加阴影,我们还可以为盒模型添加阴影。盒模型阴影的属性名称为box-shadow,此属性与text-shadow一样有4个值,前两个值分别表示水平方向位移距离和垂直方向的位移距离,第三个值表示阴影的模糊半径(包含0及以下的值均表示无模糊),最后一个则是阴影的颜色。前Chrome 16+,F 阅读全文

posted @ 2019-11-18 08:47 老码农的一亩三分地 阅读 (1) 评论 (0) 编辑

IT兄弟连 HTML5教程 CSS3属性特效 弹性盒模型

摘要:CSS3引入了新的盒模型——弹性盒模型,该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。使用该模型,可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。弹性盒模型看起来很不错,Gecko和WebKit对该模型都有一些尝试性的测试。在这些属性之前加上-moz和-web 阅读全文

posted @ 2019-11-18 08:45 老码农的一亩三分地 阅读 (3) 评论 (0) 编辑

IT兄弟连 HTML5教程 CSS3属性特效 自定义文字

摘要:字体使用是网页设计中不可或缺的一部分。经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷: Ø 不可能大范围的使用该字体; Ø 图片内容相对使用文字不易修 阅读全文

posted @ 2019-11-18 08:43 老码农的一亩三分地 阅读 (6) 评论 (0) 编辑

2019年11月15日

IT兄弟连 HTML5教程 CSS3属性特效 定义省略文本的处理方式

摘要:text-overflow属性仅是注解,当文本溢出时是否显示省略标记,并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden)。只有这样才能实现溢出文本显示省略号的效果。 阅读全文

posted @ 2019-11-15 08:57 老码农的一亩三分地 阅读 (7) 评论 (0) 编辑

2019年11月14日

IT兄弟连 HTML5教程 CSS3属性特效 文字排版

摘要:direction定义文字排列方式,所有浏览器都兼容这个属性,有两个可选值rtl和ltr。文字排版的参数说明如表1所示。 表1 CSS3文字排版参数说明 上表所示,ltr是初始值,表示left-to-right,就是从左往右的意思,具体描述就是内联内容从左往右依次排布。我们平时网页的处理都是这样的, 阅读全文

posted @ 2019-11-14 08:42 老码农的一亩三分地 阅读 (9) 评论 (0) 编辑

2019年11月13日

IT兄弟连 HTML5教程 CSS3属性特效 文字描边

摘要:用CSS3实现的文字描边效果,一个CSS3文字特效实例,字体可以自己随意改,字体颜色也可以自己改。IE9以下浏览器无效果,所以提醒大家测试时候要使用Google Chrome。-webkit-text-stroke可以为文字添加边框。它不但可以设置文字边框的宽度,也能设置其颜色。而且,配合使用col 阅读全文

posted @ 2019-11-13 08:52 老码农的一亩三分地 阅读 (5) 评论 (0) 编辑

2019年11月12日

IT兄弟连 HTML5教程 CSS3属性特效 文字阴影

摘要:文字阴影是可以叠加的。最基本可以给出四个值,用法如下: text-shadow:x y blur color 文字阴影的参数说明如表1所示。 表1 CSS3文字阴影参数说明 横向偏移量和纵向偏移量可以为负值,代表文字阴影向左偏移或向上偏移。文字阴影是可以叠加的,但是加很多层,会影响页面加载速度。添加 阅读全文

posted @ 2019-11-12 08:35 老码农的一亩三分地 阅读 (4) 评论 (0) 编辑

2019年11月11日

IT兄弟连 HTML5教程 CSS3属性特效 新增颜色模式

摘要:对于设计人员和开发人员来说,CSS一直是web设计过程中重要的一部分。网页外观主要由CSS控制,编写CSS代码可以任意改变我们的网页布局以及网页内容的样式。随着CSS3的出现以及越来越多的浏览器对它的支持,设计师们有了更多的选择。CSS3可以让网页增添了不少的动画元素,让我们的网页变得更加生动有趣, 阅读全文

posted @ 2019-11-11 10:49 老码农的一亩三分地 阅读 (2) 评论 (0) 编辑

IT兄弟连 HTML5教程 CSS3揭秘 小结及习题

摘要:小结 CSS3对于开发者来说,给web应用带来了更多的可能性,极大提高了开发效率。CSS3在选择器上的支持可谓是丰富多彩,使得我们能够灵活的控制样式,而不必为元素进行规范化的命名。CSS3支持的动画类型更加的丰富了,主要有transform(变换)、transition(过渡)和animation( 阅读全文

posted @ 2019-11-11 10:48 老码农的一亩三分地 阅读 (6) 评论 (0) 编辑

IT兄弟连 HTML5教程 CSS3揭秘 CSS3属性5

摘要:9 透明属性 元素透明也是我们常用的样式,在CSS2中使用滤镜属性opacity实现透明效果。现在有了CSS3的rgba属性,就不用这么麻烦了,当然这也得要浏览器支持才行。通常我们定义颜色都是用十六进制表示。例如,background:#000000,表示背景色为黑色。当然也可以用RGB三原色值表示 阅读全文

posted @ 2019-11-11 10:44 老码农的一亩三分地 阅读 (1) 评论 (0) 编辑

2019年11月8日

IT兄弟连 HTML5教程 CSS3揭秘 CSS3属性4

摘要:7 多列布局属性 通过CSS3,开发人员能够创建多列来对文本进行布局。在CSS2时代,对于多列布局的设计,大多采用浮动布局和绝对定位布局两种方式。浮动布局比较灵活,但是需要编写大量的附加样式代码,而且在网页缩放等操作下容易发生错位,影响网页整体效果。绝对定位方式要精确到标签的位置,但固定标签位置的方 阅读全文

posted @ 2019-11-08 08:37 老码农的一亩三分地 阅读 (6) 评论 (0) 编辑

2019年11月7日

IT兄弟连 HTML5教程 CSS3揭秘 CSS3属性3

摘要:5 用户界面属性 在CSS3中,新的用户界面特性包括重设元素尺寸、盒尺寸及轮廓等。本小节着重介绍一下resize属性,只有Firefox 4和Safari 3浏览器支持此属性。resize属性可用于重定义textarea的大小,可能的值包括如下几种。 Ø none:UserAgent没有提供尺寸调整 阅读全文

posted @ 2019-11-07 08:54 老码农的一亩三分地 阅读 (7) 评论 (0) 编辑

2019年11月6日

IT兄弟连 HTML5教程 CSS3揭秘 CSS3属性2

摘要:3 背景属性 在CSS3中提供了多个背景属性,这里只介绍两个比较常用的属性,其他属性可以从手册中获取帮助。在CSS3中,通过background-image或者background属性可以为一个容器设置多张背景图片,也就是说可以把不同的背景图片放到一个块元素中。多张背景图片的URL之间使用逗号隔开即 阅读全文

posted @ 2019-11-06 08:26 老码农的一亩三分地 阅读 (5) 评论 (0) 编辑

2019年11月5日

IT兄弟连 HTML5教程 CSS3揭秘 CSS3属性1

摘要:通过CSS选择器找到元素,就要使用CSS属性给找到的元素设置样式。尽管现在的浏览器已经支持了众多的CSS3属性,但作为初学者,最应该关注的就是一些“主流”的属性,如border-radius、box-shadow、transform等。它们有良好的文档、极佳的测试效果并且经常用到,将成为你设计网站的 阅读全文

posted @ 2019-11-05 08:40 老码农的一亩三分地 阅读 (4) 评论 (0) 编辑

2019年11月4日

IT兄弟连 HTML5教程 CSS3揭秘 CSS选择器2

摘要:4 结构性伪类选择器 在学习结构性伪类选择器之前,先了解两个概念:伪类选择器和伪元素选择器。伪类选择器是CSS中已经定义好的选择器,不能随便命名。常用的伪类选择器是使用在a元素上的几种,如a:link、a:visited、a:hover、a:active。而伪元素选择器并不是针对真正的元素使用的选择 阅读全文

posted @ 2019-11-04 08:38 老码农的一亩三分地 阅读 (7) 评论 (0) 编辑

IT兄弟连 HTML5教程 CSS3揭秘 CSS选择器1

摘要:要使用CSS对HTML页面中的元素实现一对一、一对多或者多对一的控制,就需要用到CSS选择器。选择器是CSS3中一个重要的内容,使用它可以大幅度地提高开发人员书写或修改样式表的效率。在大型网站中,样式表中的代码可能会达到几千行,而当我们需要对样式进行修改时,并没有说明什么样式服务于什么元素,只是在元 阅读全文

posted @ 2019-11-04 08:37 老码农的一亩三分地 阅读 (7) 评论 (0) 编辑

IT兄弟连 HTML5教程 CSS3揭秘 CSS3概述

摘要:对于Web开发者来说,CSS3不只是一门新奇的技术,更重要的是这些全新概念的Web应用给开发人员带来了无限的可能性,也极大地提高了开发效率。我们不必再依赖图片或者JavaScript去完成圆角、多背景、用户自定义字体、3D动画、渐变、盒阴影、文字阴影、透明度等提高Web设计质量的特色应用。 1 CS 阅读全文

posted @ 2019-11-04 08:36 老码农的一亩三分地 阅读 (3) 评论 (0) 编辑

2019年11月1日

IT兄弟连 HTML5教程 CSS3揭秘 CSS常见的样式属性和值5

摘要:CSS综合实例 在Web页面中经常使用栏目显示分类内容。本例将使用HTML和CSS结合编写一个分类栏目模型,用于演示前面介绍的CSS应用。通过使用独立的文件定义样式表,并在HTML文档中使用link标记与其链接,使HTML代码和CSS代码完全分离。在HTML文档中只负责输出栏目的内容,而栏目的样式则 阅读全文

posted @ 2019-11-01 10:19 老码农的一亩三分地 阅读 (11) 评论 (0) 编辑

2019年10月31日

IT兄弟连 HTML5教程 CSS3揭秘 CSS常见的样式属性和值4

摘要:6 鼠标光标属性 在网页中默认的鼠标指针只有两种,一种是最普通的箭头,另一种是当移动到链接上时出现的“小手”。但现在越来越多的网页都使用了CSS鼠标指针技术,当将鼠标移动到链接上时,可以看到多种不同的效果。CSS可以通过cursor属性实现鼠标形状的改变,其属性可以是默认的鼠标形状default、小 阅读全文

posted @ 2019-10-31 08:23 老码农的一亩三分地 阅读 (5) 评论 (0) 编辑

2019年10月30日

IT兄弟连 HTML5教程 CSS3揭秘 CSS常见的样式属性和值3

摘要:5 边框属性 边框属性用于设置一个元素的边框风格、边框宽度、边框颜色,可以一起设置4条边的边框,也可对上边框、右边框、下边框和左边框单独设置。分别介绍如下。 a.边框风格属性 可以通过边框风格属性border-style设定上、下、左、右边框的风格,该属性用于设置一个元素边框的样式,而且必须用于指定 阅读全文

posted @ 2019-10-30 08:29 老码农的一亩三分地 阅读 (9) 评论 (0) 编辑

2019年10月29日

IT兄弟连 HTML5教程 CSS3揭秘 CSS常见的样式属性和值2

摘要:3 背景属性 大多数HTML元素都允许控制背景,包括背景颜色、背景图像、背景重复、背景附件、背景位置等属性。常见的控制背景属性、值及描述如表2所示。 表2 CSS中常见的控制背景的属性 除了使用表6-2中提供的背景属性控制HTML元素的背景样式,也可以将其简化为使用一行代码解决。通过背景类中的bac 阅读全文

posted @ 2019-10-29 08:34 老码农的一亩三分地 阅读 (10) 评论 (0) 编辑

IT兄弟连 HTML5教程 CSS3揭秘 CSS常见的样式属性和值1

摘要:CSS中的样式属性比较多,经常使用的属性可以分为这么几类:字体、文本、背景、位置、边框、列表,以及其他一些样式属性。每个类中的属性都可以单独使用;如果同一个类中多个属性一起使用,还可以将它们整合为一行解决。 1 字体属性 通过字体属性可以设置字体的族科,改变字体的大小和风格,也可以调整字体加粗,以及 阅读全文

posted @ 2019-10-29 08:32 老码农的一亩三分地 阅读 (8) 评论 (0) 编辑

IT兄弟连 HTML5教程 CSS3揭秘 CSS选择器2

摘要:4 关联选择器 关联选择器只不过是一个用空格隔开的两个或更多的单一选择器组成的字符串。这些选择器可以指定一般属性,而且因为层叠顺序的规则,它们的优先权比单一的选择器大。这种方式只对在第一个元素里关联的第二个元素定义(只要具有关联关系即可,关系的元素中间可以有多层其他HTML元素),对单独的第一个元素 阅读全文

posted @ 2019-10-29 08:30 老码农的一亩三分地 阅读 (4) 评论 (0) 编辑

IT兄弟连 HTML5教程 CSS3揭秘 CSS选择器1

摘要:HTML有标签,CSS就有选择器,选择器就是赋予内部或者外部样式表的名字,当查找到一个或多个HTML元素后,再通过声明属性加样式。常用的样式选择器包括:HTML选择器、类选择器、ID选择器、组合选择器、关联选择器、伪类和伪元素。 1 HTML选择器 HTML选择器,即HTML的标签,用来改变一个指定 阅读全文

posted @ 2019-10-29 08:29 老码农的一亩三分地 阅读 (7) 评论 (0) 编辑

2019年10月25日

IT兄弟连 HTML5教程 CSS3揭秘 在HTML文档中放置CSS的几种方式

摘要:有很多方法将样式表加入到HTML中,每种方法都有自己的优点和缺点。新的HTML元素和属性已被加入,以允许样式表与HTML文档更简易地组合起来。将样式表加入到HTML中的常用方法有内联样式表、嵌入一张样式表或链接到一张外部的样式表。 1 内嵌样式表 样式可以使用style属性内联,该属性可以应用于任意 阅读全文

posted @ 2019-10-25 08:39 老码农的一亩三分地 阅读 (6) 评论 (0) 编辑

2019年10月24日

IT兄弟连 HTML5教程 CSS3揭秘 CSS规则的组成

摘要:CSS和HTML一样都是由W3C制定的标准,本章中介绍的特性和功能还是来源于CSS1和CSS2(CSS2是根据CSS1扩展的)。W3C也有新的版本更新,称为CSS3。虽然浏览器已经准备开始实现CSS3某些方面的内容,但当前浏览器仍然无法支持某些特性。一张样式表由样式规则组成,以告诉浏览器怎样去呈现一 阅读全文

posted @ 2019-10-24 11:19 老码农的一亩三分地 阅读 (8) 评论 (0) 编辑

IT兄弟连 HTML5教程 CSS3揭秘 CSS简介

摘要:HTML使用标签将内容放到网页上,也可使用元素和属性来控制简单的文档外观。如果希望更全面地控制Web页面的外观和布局,则需要使用层叠样式表(简写为CSS)。CSS规范的工作原理在于允许用户制定一些规则,描述文档中元素内容的表现形式,通过设置不同的规则控制页面中每一个元素的外观,包括字体的颜色和大小、 阅读全文

posted @ 2019-10-24 11:16 老码农的一亩三分地 阅读 (10) 评论 (0) 编辑

2019年10月22日

IT兄弟连 HTML5教程 HTML5表单 小结及习题

摘要:小结 HTML表单提交的方法有get方法和post方法,get方法的作用是从指定的资源请求数据,post方法的作用是向指定的资源提交要被处理的数据。HTML表单一直都是Web的核心技术之一,有了它我们才能在Web上进行各种各样的应用。HTML5 Forms新增了许多新控件及其API,方便我们做更复杂 阅读全文

posted @ 2019-10-22 13:29 老码农的一亩三分地 阅读 (29) 评论 (0) 编辑

2019年10月21日

IT兄弟连 HTML5教程 HTML5表单 H5表单提交综合实例

摘要:这里我们创建一个填写个人基本信息的表单,使用了表单元素有<input>输入框、<datalist>选项列表、<textarea>文本框,通用的表单输入类型有text、password、file、radio、checkbox、email、url、number、Date pickers。并为表单及表单元 阅读全文

posted @ 2019-10-21 09:37 老码农的一亩三分地 阅读 (13) 评论 (0) 编辑

IT兄弟连 HTML5教程 HTML5表单 新增的表单属性3

摘要:9 novalidate novalidate是属性规定在提交表单时不应该验证form和input域。novalidate属性适用于的<input>类型有:text、search、url、telephone、email、password、date pickers、range及color。用法如下: 阅读全文

posted @ 2019-10-21 09:35 老码农的一亩三分地 阅读 (9) 评论 (0) 编辑

IT兄弟连 HTML5教程 HTML5表单 新增的表单属性2

摘要:5 height和width属性 height和width属性规定用于image类型和input标签的图像高度和宽度。图像通常会同时指定高度和宽度属性。如果图像设置高度和宽度,图像所需的空间在加载页面时会被保留。如果没有这些属性,浏览器不知道图像的大小,并不能预留适当的空间。图片在加载过程中会使页面 阅读全文

posted @ 2019-10-21 09:33 老码农的一亩三分地 阅读 (14) 评论 (0) 编辑

2019年10月18日

IT兄弟连 HTML5教程 HTML5表单 新增的表单属性1

摘要:HTML5 Input表单为<form>和<input>标签添加了几个新属性,属性如表1。 1 autocomplete属性 autocomplete属性规定form或input域应该拥有自动完成功能,当用户在自动完成域中开始输入时,浏览器在该域中显示填写的选项。autocomplete适用于<fo 阅读全文

posted @ 2019-10-18 08:25 老码农的一亩三分地 阅读 (9) 评论 (0) 编辑

2019年10月17日

IT兄弟连 HTML5教程 HTML5表单 多样的输入类型2

摘要:4 range range类型用于包含一定范围内数字值的输入域,跟number一样,我们还可以对数值设置限定,range类型显示为滑动条用法如下: 上述代码使用了range类型输入框,为该类型设置了数值范围为1~100。移动滑动条可以改变数值大小,当点击提交后,弹出该值大小。效果如图1所示: 图1 阅读全文

posted @ 2019-10-17 09:01 老码农的一亩三分地 阅读 (7) 评论 (0) 编辑

2019年10月16日

IT兄弟连 HTML5教程 HTML5表单 多样的输入类型1

摘要:HTML5拥有多个新的表单输入类型,这些新特性提供了更好的输入控制和验证。并不是所有的主浏览器都支持新的input类型,不过我们可以在所有的主浏览器中使用它们,即使不被支持,仍然可以显示为常规的文本域。HTML5 Input类型如表。 表 HTML5 Input类型 1 email email类型用 阅读全文

posted @ 2019-10-16 08:25 老码农的一亩三分地 阅读 (15) 评论 (0) 编辑

2019年10月15日

IT兄弟连 HTML5教程 HTML5表单 HTML5新增表单元素

摘要:HTML5有一些新的表单元素:<datalist>、<keygen>、<output>。不是所有的浏览器都支持HTML5新的表单元素,但即使浏览器不支持该表单属性,仍然可以显示为常规的表单元素。 1 <datalist>元素 <datalist>元素规定输入域的选项列表。<datalist>属性规定 阅读全文

posted @ 2019-10-15 08:50 老码农的一亩三分地 阅读 (9) 评论 (0) 编辑

2019年10月14日

IT兄弟连 HTML5教程 HTML5表单 HTML表单设计2

摘要:5 隐藏域 隐藏域不会在表单中显示。如果需要在页面之间传递重要数据,则在<input>标签中设置type属性值为“hidden”建立一个隐藏域。name和value属性是必需的,用来表示隐藏域的名字和值。基本的语法格式如下所示: <input type="hidden" name="field_na 阅读全文

posted @ 2019-10-14 08:41 老码农的一亩三分地 阅读 (12) 评论 (0) 编辑

IT兄弟连 HTML5教程 HTML5表单 HTML表单设计1

摘要:表单是PHP程序中最常使用的收集站点访问者信息的数据输入界面。通过表单浏览器获取用户的输入数据,并传送给Web服务器的脚本程序中,以各种不同的方式进行处理。在表单中提供了多种输入方式,包括文本输入域、单选或多选按钮、下拉式列表域等。表单是网页上由<form>标签定义的一个特定区域,而表单的各种输入域 阅读全文

posted @ 2019-10-14 08:38 老码农的一亩三分地 阅读 (18) 评论 (0) 编辑

2019年10月12日

IT兄弟连 HTML5教程 HTML5表单 HTML表单中的get和post方法

摘要:指引 表单在网页应用中十分重要,基本上任何一个网站都必须使用到表单元素,所以表单的美观和易于交互对于网站设计就变得十分重要。HTML5对目前Web表单进行了全面提升,使得我们使用表单更加智能。它在保持了简单易用的特性的同时,还增加了许多内置的控件或者控件属性来满足用户的需求,提升用户体验,并且同时减 阅读全文

posted @ 2019-10-12 09:55 老码农的一亩三分地 阅读 (26) 评论 (0) 编辑

2019年10月11日

IT兄弟连 HTML5教程 多媒体应用 小结及习题

摘要:小结 在互联网上,图像和链接则是通过URL唯一确定信息资源的位置。URL分为绝对URL和相对URL。通过使用<img />标记在浏览器中显示一张图像。超文本具有的链接能力,可层层链接相关文件,这种具有超链接能力的操作,称为超链接。链接文档中的特定位置也称为锚点,定义锚点和超链接都使用<a>标记。图像 阅读全文

posted @ 2019-10-11 08:39 老码农的一亩三分地 阅读 (24) 评论 (0) 编辑

导航