首页
关于
test
搞笑视频
友情链接
更多
文章归档
推荐
资料下载
备份站1
备份站2
备份站3
备份站4
备份站5
备份站6
Search
1
centos 32位 64位 下挂vagex一键包代码
714 阅读
2
wordpress转typecho方法
615 阅读
3
一个自制的virto精简版kvm qemu win2003模板 最低64M内存可用
604 阅读
4
PHP 安装
532 阅读
5
暴雨 车被泡了~
475 阅读
默认分类
vps综合利用
登录
/
注册
Search
标签搜索
Uncategorized
安装
mysql
utf-8
网站
google
linux
free
免费
黑色
ssl
一键包
优化
40%
press
vagex
32位
64位
debian
domain
御品VPS
累计撰写
500
篇文章
累计收到
1
条评论
首页
栏目
默认分类
vps综合利用
页面
关于
test
搞笑视频
友情链接
文章归档
推荐
资料下载
备份站1
备份站2
备份站3
备份站4
备份站5
备份站6
搜索到
24
篇与
utf-8
的结果
2018-03-23
CSS 图像透明/不透明
CSS 图片廊CSS 图像拼合技术 #klem1,#klem2 { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ } #klem1:hover,#klem2:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } div.background { width: 500px; height: 250px; background: url(klematis.jpg) repeat; border: 2px solid black; } div.transbox { width: 400px; height: 180px; margin: 30px 50px; background-color: #ffffff; border: 1px solid black; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; } div.transbox p { margin: 30px 40px; font-weight: bold; color: #000000; } CSS 图像透明/不透明使用CSS很容易创建透明的图像。注意:CSS Opacity属性是W3C的CSS3建议的一部分。更多实例创建透明图像 - 悬停效果创建一个具有文本的拥有背景图像的透明框实例1 - 创建一个透明图像CSS3中属性的透明度是 opacity。首先,我们将向您展示如何用CSS创建一个透明图像。正常的图像相同的图像带有透明度:看看下面的CSS:img{opacity:0.4;filter:alpha(opacity=40);/*IE8 及其更早版本*/}IE9,Firefox,Chrome,Opera,和Safari浏览器使用透明度属性可以将图像变的不透明。 Opacity属性值从0.0 - 1.0。值越小,使得元素更加透明。IE8和早期版本使用滤镜:alpha(opacity= x)。 x可以采取的值是从0 - 100。较低的值,使得元素更加透明。实例2 - 图像的透明度 - 悬停效果将鼠标移到图像上:CSS样式:img{opacity:0.4;filter:alpha(opacity=40);/*IE8 及其更早版本*/}img:hover{opacity:1.0;filter:alpha(opacity=100);/*IE8 及其更早版本*/}第一个CSS块是和例1中的代码类似。此外,我们还增加了当用户将鼠标悬停在其中一个图像上时发生什么。在这种情况下,当用户将鼠标悬停在图像上时,我们希望图片是清晰的。此CSS是:opacity=1.IE8和更早版本使用: filter:alpha(opacity=100).当鼠标指针远离图像时,图像将重新具有透明度。实例3 - 透明的盒子中的文字这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。源代码如下:<!DOCTYPEhtml><html><head><metacharset="utf-8"><style>div.background{width:500px;height:250px;background:url(klematis.jpg)repeat;border:2pxsolidblack;}div.transbox{width:400px;height:180px;margin:30px50px;background-color:#ffffff;border:1pxsolidblack;opacity:0.6;filter:alpha(opacity=60);/*IE8 及更早版本*/}div.transboxp{margin:30px40px;font-weight:bold;color:#000000;}</style></head><body><divclass="background"><divclass="transbox"><p>这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框 里。这些文本在透明框里。这些文本在透明框里。这些文本在透明框里。</p></div></div></body></html>首先,我们创建一个固定的高度和宽度的div元素,带有一个背景图片和边框。然后我们在第一个div内部创建一个较小的div元素。 这个div也有一个固定的宽度,背景颜色,边框 - 而且它是透明的。透明的div里面,我们在P元素内部添加一些文本。
2018年03月23日
107 阅读
0 评论
0 点赞
2018-03-23
HTML 布局
HTML 区块HTML 表单 HTML 布局网页布局对改善网站的外观非常重要。请慎重设计您的网页布局。在线实例使用 <div> 元素的网页布局如何使用 <div> 元素添加布局。使用 <table> 元素的网页布局如何使用 <table> 元素添加布局。网站布局大多数网站会把内容安排到多个列中(就像杂志或报纸那样)。大多数网站可以使用 <div> 或者 <table> 元素来创建多列。CSS 用于对元素进行定位,或者为页面创建背景以及色彩丰富的外观。 虽然我们可以使用HTML table标签来设计出漂亮的布局,但是table标签是不建议作为布局工具使用的 - 表格不是布局工具。 HTML 布局 - 使用<div> 元素div 元素是用于分组 HTML 元素的块级元素。下面的例子使用五个 div 元素来创建多列布局:实例<!DOCTYPEhtml><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><divid="container"style="width:500px"><divid="header"style="background-color:#FFA500;"><h1style="margin-bottom:0;">主要的网页标题</h1></div><divid="menu"style="background-color:#FFD700;height:200px;width:100px;float:left;"><b>菜单</b><br>HTML<br>CSS<br>JavaScript</div><divid="content"style="background-color:#EEEEEE;height:200px;width:400px;float:left;">内容在这里</div><divid="footer"style="background-color:#FFA500;clear:both;text-align:center;">版权 © runoob.com</div></div></body></html>尝试一下 »上面的 HTML 代码会产生如下结果:HTML 布局 - 使用表格使用 HTML <table> 标签是创建布局的一种简单的方式。大多数站点可以使用 <div> 或者 <table> 元素来创建多列。CSS 用于对元素进行定位,或者为页面创建背景以及色彩丰富的外观。 即使可以使用 HTML 表格来创建漂亮的布局,但设计表格的目的是呈现表格化数据 - 表格不是布局工具! 下面的例子使用三行两列的表格 - 第一和最后一行使用 colspan 属性来横跨两列:实例<!DOCTYPEhtml><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><tablewidth="500"border="0"><tr><tdcolspan="2"style="background-color:#FFA500;"><h1>主要的网页标题</h1></td></tr><tr><tdstyle="background-color:#FFD700;width:100px;"><b>菜单</b><br>HTML<br>CSS<br>JavaScript</td><tdstyle="background-color:#eeeeee;height:200px;width:400px;">内容在这里</td></tr><tr><tdcolspan="2"style="background-color:#FFA500;text-align:center;">版权 © runoob.com</td></tr></table></body></html>尝试一下 »上面的 HTML 代码会产生以下结果:HTML 布局 - 有用的提示Tip: 使用 CSS 最大的好处是,如果把 CSS 代码存放到外部样式表中,那么站点会更易于维护。通过编辑单一的文件,就可以改变所有页面的布局。如需学习更多有关 CSS 的知识,请访问我们的CSS 教程。Tip: 由于创建高级的布局非常耗时,使用模板是一个快速的选项。通过搜索引擎可以找到很多免费的网站模板(您可以使用这些预先构建好的网站布局,并优化它们)。HTML 布局标签 标签描述 <div>定义文档区块,块级(block-level) <span>定义 span,用来组合文档中的行内元素。
2018年03月23日
164 阅读
0 评论
0 点赞
2018-03-23
HHTML 简介
HTML 总结HTML5 教程 HTML- XHTMLXHTML 是以 XML 格式编写的 HTML。什么是 XHTML? XHTML 指的是可扩展超文本标记语言 XHTML 与 HTML 4.01 几乎是相同的 XHTML 是更严格更纯净的 HTML 版本 XHTML 是以 XML 应用的方式定义的 HTML XHTML 是 2001 年 1 月发布的 W3C 推荐标准 XHTML 得到所有主流浏览器的支持 为什么使用 XHTML?因特网上的很多页面包含了"糟糕"的 HTML。如果在浏览器中查看,下面的 HTML 代码运行起来非常正常(即使它并未遵守 HTML 规则):<html><head><metacharset="utf-8"><title>这是一个不规范的 HTML</title><body><h1>不规范的 HTML<p>这是一个段落</body>XML 是一种必须正确标记且格式良好的标记语言。如果希望学习 XML,请阅读我们的XML 教程。今日的科技界存在一些不同的浏览器技术。其中一些在计算机上运行,而另一些可能在移动电话或其他小型设备上运行。小型设备往往缺乏解释"糟糕"的标记语言的资源和能力。所以 - 通过结合 XML 和 HTML 的长处,开发出了 XHTML。XHTML 是作为 XML 被重新设计的 HTML。与 HTML 相比最重要的区别:文档结构 XHTML DOCTYPE 是强制性的 <html> 中的 XML namespace 属性是强制性的 <html>、<head>、<title> 以及 <body> 也是强制性的 元素语法 XHTML 元素必须正确嵌套 XHTML 元素必须始终关闭 XHTML 元素必须小写 XHTML 文档必须有一个根元素 属性语法 XHTML 属性必须使用小写 XHTML 属性值必须用引号包围 XHTML 属性最小化也是禁止的 <!DOCTYPE ....>是强制性的XHTML 文档必须进行 XHTML 文档类型声明(XHTML DOCTYPE declaration)。您可以在菜鸟教程的标签参考手册中找到完整的 XHTML 文档类型。<html>, <head>, <title>, 和 <body> 元素也必须存在,并且必须使用 <html> 中的 xmlns 属性为文档规定 xml 命名空间。下面的例子展示了带有最少的必需标签的 XHTML 文档:<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metacharset="utf-8"><title>文档标题</title></head><body>文档内容</body></html>XHTML 元素必须合理嵌套在 HTML 中,一些元素可以不互相嵌套,像这样:<b><i>粗体和斜体文本</b></i>在 XHTML 中,所有的元素都必须互相合理地嵌套,像这样:<b><i>粗体和斜体文本</i></b>XHTML 元素必须有关闭标签错误示例:<p>这是一个段落<p>这是另外一个段落正确示例:<p>这是一个段落</p><p>这是另外一个段落</p>空元素必须包含关闭标签错误示例:分行:<br>水平线:<hr>图片:<imgsrc="happy.gif"alt="Happy face">正确示例:分行:<br/>水平线:<hr/>图片:<imgsrc="happy.gif"alt="Happy face"/>XHTML 元素必须是小写错误示例:<BODY><P>这是一个段落</P></BODY>正确示例:<body><p>这是一个段落</p></body>属性名称必须是小写错误示例:<tableWIDT H="100%">正确示例:<tablewidth="100%">属性值必须有引号错误示例:<tablewidth=100%>正确示例:<tablewidth="100%">不允许属性简写错误示例:<inputchecked><inputreadonly><inputdisabled><optionselected>正确示例:<inputchecked="checked"><inputreadonly="readonly"><inputdisabled="disabled"><optionselected="selected">如何将 HTML 转换为 XHTML 添加一个 XHTML <!DOCTYPE> 到你的网页中 添加 xmlns 属性添加到每个页面的html元素中。 改变所有的元素为小写 关闭所有的空元素 修改所有的属性名称为小写 所有属性值添加引号 使用 W3C 验证器来测试你的 XHTML请在下面的输入框中输入您的网址:
2018年03月23日
136 阅读
0 评论
0 点赞
2013-07-04
关于网站乱问题 已解决
关于网站乱问题 已解决在国外空间上刚安装了这个系统 发现默认的不是utf-8编码 虽然在页面已加了 <head><meta http-equiv="Content-type" content="text/html; charset=utf-8"></head>如是自己服务器或vps ,可试修改http.conf中的AddDefaultCharset为AddDefaultCharset off 或 utf-8,关闭apache默认编码但仍然是乱码,经多次测试 ,作为一般权限的空间 ,只要在index.php首页顶部增加一行 就可以了 header('Content-Type: text/html; charset=UTF-8'); 就是这一行关于网站乱问题 已解决 如何强制页面使用utf-8编码解析 解决方法
2013年07月04日
140 阅读
0 评论
0 点赞
1
...
4
5