第十六章 1、 输入和元素 电子邮件框 搜索框 电话框 <inputtype="tel">URL 框 <inputtype="url">以下元素得到了部分浏览器的支持日期 数字 范围 数据列表 下面的输入或者元素得到的支持很少， W3C 指出它们在 2014 年定案之时很可能不会列入 HTML5颜色 全 局 日 期 和时间<inputtype="datetime" />局部日期和时间月 时间 周 输出 2、 属性： 1) accept限制用户可上...
这篇文章主要介绍了分享CSS3条纹背景制作的实战教程,根据Forefox浏览器和webkit内核的浏览器两种情况来分别讲解,需要的朋友可以参考下mozilla内核浏览器制作background背景渐变1、制作一个简单的橫条纹渐变背景-mozilla内核的浏览器css样式：body { background-color: #aaa; background-image:-moz-linear-gradient(#000 25%,#fc0 80%); background-size: 50px 50px; }以火狐为代表，显示效果如下：改变background-size的...
自适应布局是网页设计中常见的布局形式，自适应的布局能够根据浏览器窗口的大小，自动改变其宽度和高度值，是一种非常灵活的布局形式，良好的自适应布局网站对不同分辨率的显示器都能提供最好的显示效果。实际上div默认状态的占据整行的空间，便是宽度为100%的自适应布局的表现形式，一列自适应布局需要我们做的工作也非常简单，只需要将宽度由固定值改为百分比值的形式即可。 代码如下:#layout { border: 2px solid #A9C9E2;...
用php(做为现在的主流开发语言)和CSS改变网页文字大小——在设计网站的时候，要牢记一点：并不是所有的访问者都是神采奕奕的年轻人，而且他们也不一定完全熟悉Web浏览器的各种使用方法。 在设计网站的时候，要牢记一点：并不是所有的访问者都是神采奕奕的年轻人，而且他们也不一定完全熟悉Web浏览器的各种使用方法。聪明的设计者了解这一点，他们常常将各种特殊的可访问特性融入网站的设计中，这样，即使是年长者或是残疾人士都...
css 是层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。下面就几个小案例来教大家如何用css绘制一些图形：<style>#...
现在很多网站都有注册页面和登录页面，像淘宝京东微信等这些都需要注册登录的，那么我们如何用html5和css3写出这些页呢？现在就一步一步教大家如何用html和css3写登录页面。login.html代码如下：<form id="login"><h1>Log In</h1><fieldset id="inputs"><input id="username" type="text" placeholder="Username" autofocus required><input id="password" type="password" placeholder="Password" required></fieldset><fieldset ...
程序员们都知道一般Tab都是靠Javascript来实现的，javascript的好处是功能强大并且灵活。但是也有特殊情况，如果只需一个简单的内容切换我们就可以利用CSS实现Tab。那么CSS实现Tab需要如何操作呢？下面就和小编一起来学习CSS实现Tab技巧吧！ 1. 锚点 + :target; 2. 纯锚点; 这两种各有各优点，也有各自的局限性。 具体的Demo请查看这里 方案一: 锚点 + :target CSS3中引入了一个新的伪类:target，当用户和页面进行某些交互时会触发...
共享一段使用PHP下载CSS文件中的图片的代码 代码如下://note 设置PHP超时时间 set_time_limit(0); //note 取得样式文件内容 $styleFileContent = file_get_contents('images/style.css'); //note 匹配出需要下载的URL地址 preg_match_all("/url\((.*)\)/", $styleFileContent, $imagesURLArray); //note 循环需要下载的地址，逐个下载 $imagesURLArray = array_unique($imagesURLArray[1]); foreach ($imagesURLArray as $imagesU...
记得以前写过一篇文章 php有效的过滤html标签,js代码,css样式标签: 代码如下:$str = preg_replace( "@@is", "", $str ); $str = preg_replace( "@@is", "", $str ); $str = preg_replace( "@@is", "", $str ); $str = preg_replace( "@@is", "", $str ); ?> ,全是正则过滤HTML标签,但是今天自己拿来用都不好用了.原因??就是标签转义了.比如.页面上显示的是这个.但是源文件却显示的像这样:”——但是我们还是可以处...
作为一个资深并且专业的扒皮人员，在我从初三开始投入伟大的互联网中到现在积累了丰富的扒皮经验。我相信每个做web的程序员也都会有类似的经历。 在扒皮过程中，必不可少的需要下载样式文件中的图片。碰到比较庞大的样式文件，其中可能会有上百个需要下载的图片，那么使用下面这段小代码是最为合适的了。 代码如下:< ?php /* More & Original PHP Framwork Copyright (c) 2007 - 2008 IsMole Inc. Author: kimi Documentation: 下...
代码如下:$search = array ("''si", // 去掉 javascript "']*?>.*?si", // 去掉 css "<[/!]*?[^<>]*?>si", // 去掉 HTML 标记 "]*?>'si", // 去掉 注释标记 "'([rn])[s]+'", // 去掉空白字符 "'&(quot|#34);'i", // 替换 HTML 实体 "'&(amp|#38);'i", "'&(lt|#60);'i", "'&(gt|#62);'i", "'&(nbsp|#160);'i", "'&(iexcl|#161);'i", "'&(cent|#162);'i", "'&(pound|#163);'i", "'&(copy|#169);'i", "'&#(d+);'e"); // 作为 PHP 代码...
关于应用中遇到的一些问题及解决办法，做一些记录，以备后用。本人新手，技术还不熟练，笔记比较幼稚。嘲笑请轻笑。 1、关于层的绝对定位。 有两个div层，其中main类div是整体的层，cloud类div是绝对定位层，实现的效果是在屏幕右上角显示一个云彩的gif图片。div布局代码如下： 代码如下: ... 在过程中一度将cloud层放在了main层里，导致ie无法显示cloud层。后将cloud层放出main层外部，并将main的position改为relativ...
这篇文章的亮点是，正则式更加复杂鸟，╮(-_-)╭，再就是 Copy 函数的灰常强大的一个用法。 > 话说刚才听 NsYta 说小邪的主题太白了，杯具。最近太忙，没有空，不然就自己搞一个新主题。 一. 抓取 CSS 中的图片： > 1. 首先做好准备工作： > 第一步，先把 CSS 原本的路径存到 $url 变量里，然后把 CSS 的内容保存在 abc.css 中。 > 因为考虑到经常碰到多个 CSS 文件的状况，所以小邪没有直接填一个 CSS 路径。 > 而是把几个 CSS 文...
1. 变量如何定义？如何检查变量是否定义？如何删除一个变量？怎样检测变量是否设置？ $定义 isset()// 检测变量是否设置 defined（）// 检测常量是否设置 unset()//销毁指定的变量 empty()// 检测变量是否为空2. 什么是可变变量？ 一个变量的变量名可以动态的设置和使用。 $a = hello , $$a = world, ${$a}=hello world3. 变量赋值方式有哪几种？ 1）直接赋值 2）变量间赋值 3）...
压缩HTML的起因 如何提高网页加载速度 ，需要怎么对html页面优化相信是每个拟提高建站技术站长曾想到的问题，其实网页优化的方法还是很多。 有童鞋询问higrid如何 压缩HTML，也就是说能不能 把所有的html、js、Css在运行前都压缩成一行，清除注释标记、换行符、空格、制表符等。这样一个直接的好处是 减小html页面体积来提高前端加载速度。很多人认为启动gzip，但一般启动gzip都比较少对html启动gzip压缩，因为现在的html都是动态的...