路思网专注于织梦源码、织梦模板、免费html模板等网站模板分享,为广大站长提供免费网站模板等素材。

路思网

html5本地存储localStorage和cookie的灵活运用

2017-02-28 14:23:27 4次阅读

//设置cookie的方法function setCookie(c_name,value,expiredays){var exdate=new Date()exdate.setDate(exdate.getDate()+expiredays)document.cookie=c_name+ = +escape(value)+((expiredays==null) ? : ;expires=+exdate.toGMTString())}//获取cookie的方...

@media screen 针对不同移动设备

2016-10-11 16:36:22 50次阅读

device-pixel-ratio:定义输入设备屏幕的可视宽度与可见高度比率。 device-width:输入设备屏幕的可视宽度。 orientation :屏幕横竖屏定向。landscape 是横向,portrait 是纵向【ipad 相反】 /* iPhone 4 */ @media only screen and (-webkit-min-device-pi...

Node.js v4 LTS 成为 Ghost 推荐版本

2016-09-27 16:04:40 187次阅读

我们将 Ghost 推荐 Node.js 版本升级为 Node.js v4 LTS 。 我们这样做其实已经落后于计划了。然而,经过大量测试之后,我们确信 Ghost 可以在 Node.js v4 平台上流畅的运行并且内存消耗比原来也减少了。目前, Ghost(Pro) 上托管的所有博客都已经运行在 Node....

inline-block的几个神奇的用法

2016-05-12 20:28:42 162次阅读

inline-block,我们平时用的很多,最普通的用法就是几个div在一行中显示,我们用display:inline-block。今天之所以写这篇文章,主要是写inline-block的几个比较奇特的用法。 实现div宽度根据内容自适应 我们知道div是块级元素,假如我们不设置宽度,那么div...

移动端前端开发设计稿及工作流的探索和思考

2016-04-21 21:24:23 305次阅读

今天我们再来说说移动端的前端开发。关于移动端的一些注意事项,我前面写过几篇文章。例如手机网站几点注意问题 等等。这些都是在我们手机开发中遇到的问题。但是当我们拿到移动端的设计稿的时候,如何让我们的设计稿更好的适应各种手机屏幕?又因为设计稿尺...

关于DOCTYPE的使用和说明

2015-05-15 15:38:06 268次阅读

DOCTYPE不可怕,但把它拿走,会让你怕了又怕。 发现很多朋友提出有关DIV+CSS排版问题,以及IE与FF的兼容问题。怎么问的都有,结果就是一个显示很奇怪,很难调整。我们浏览的大多数网站,或者用Dreamweaver创建一个新的网页文档时,源码的顶部都会有DocType声...

Content-Type一览

2015-05-15 15:38:01 197次阅读

Multipart Internet Mail Extensions (MIME) 关于Content-Type的一张表.(方便查找了哦) http://www.utoronto.ca/webdocs/HTMLdocs/Book/Book-3ed/appb/mimetype.html Description of Data Content Typical Filename Extensions MIME type/subtype Text and Te...

常见的网页播放器代码

2015-05-15 15:37:57 279次阅读

我们在网页上看到的播放器无外乎WMP/RealPlayer/Flash Player,其他的无非是面板不同,或者添加了其他控件,对于计算机上安装的一些播放器也都是编码和解码器的整合,其最核心的编码和解码技术是相同的。例如:网络上最流行的windows media流(asf,wma,wmv...

表格细边框的两种CSS实现方法

2015-05-15 15:27:21 305次阅读

在网页制作中,细边框这个制作方法是必不可少的。这里 admin10000.com 介绍2种常见的表格细边框制作方法,均通过XHTML验证。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html x...

HTML中ID与NAME的区别

2015-05-15 15:26:43 259次阅读

可以说几乎每个做过Web开发的人都问过,到底元素的ID和Name有什么区别阿?为什么有了ID还要有Name呢?而同样我们也可以得到最经典的答案:ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的。 上面一段对于ID和Name的...

网页中常用HTML字符实体

2015-05-15 15:26:35 226次阅读

一些字符在 HTML 中拥有特殊的含义,比如小于号 () 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符,我们必须在 HTML 源码中插入字符实体。 字符实体有三部分:一个和号 (),一个实体名称,或者 # 和一个实体编号,以及一个分号 (;)。要在...

HTML实体与网页编码

2015-05-15 15:26:30 249次阅读

汉字都转化为了html实体(十进制表示的Unicode编码),这样做的好处就是不管网页的编码是什么,都可以正常的显示汉字,而不会出现乱码,当然也适用于其他字符集。 在php中我们可以用mbstring的mb_convert_encoding函数实现这个正向及反向的转化。 如: mb_conv...

ASCII编码表

2015-05-15 15:26:10 115次阅读

ASCII是英文American Standard Code for Information Interchange的缩写。ASCII码是目前计算机最通用的编码标准。因为计算机只能接受数字信息,ASCII码将字符作为数字来表示,以便计算机能够接受和处理。比如大写字母A的ASCII码是65。ASCII码中,第0~32号及...

10个最容易犯的HTML标签错误

2015-05-15 15:25:55 164次阅读

保持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度。这份列表包含了10个最容易犯的HTML标签错...

十个实用但IE不支持的CSS属性

2015-05-15 15:25:50 202次阅读

对IE浏览器尤其是IE6的抱怨基本已进入麻痹状态,偶尔甚至产生非常消极的想法:这个世界只有一个浏览器就好了,哪怕这唯一的浏览器就是IE6。当然,这样的想法是非常病态的,马上打消。本文里面,介绍了10个很实但IE却不支持的CSS属性,列出这些属性并不是为了...

CSS初始化代码

2015-05-15 15:25:46 198次阅读

为什么要初始化CSS? CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同,所以开发时的第一件事可能就是如何把它们统一。如果没对CSS初始化往往会出现浏览器之间的页面差异。每次新开发网站或新网页时候通过初始化CSS样式的属性,为我们将...

万能清除浮动样式

2015-05-15 15:25:41 127次阅读

这个是一个很流行的清除浮动的方法,在很多大项目上已经被完全采用。 这个方法来源于 positioniseverything ,通过after伪类:after和IEhack来实现,完全兼容当前主流浏览器。 .clearfix:after { content: .; clear: both; height: 0; visibility: hidden; di...

用CSShack技术解决浏览器兼容性问题

2015-05-15 15:25:37 181次阅读

什么是CSS Hack? 不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CSS输出的页面效果不同,这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程,就叫CSS Hack。 CSS Hack 形式 CSS Hack大致有3种表现形式...

IE6也认识!important

2015-05-15 15:24:59 90次阅读

!important一般用来做区分IE6和Firefox等浏览器的基本Hack手法。因为IE6不支持!important,而Firefox能读懂!important,其改变了样式的优先级。其实IE6在某些情况下,也能认识!important。 例如: style type=text/css.demo{color:red !important;color:gree...

IE条件注释详解

2015-05-15 15:24:55 74次阅读

IE条件注释是微软从IE5开始就提供的一种非标准逻辑语句,作用是可以灵活的为不同IE版本浏览器导入不同html元素,如:样式表,html标签等。很显然这种方法的最大好处就在于属于微软官方给出的兼容解决办法而且还能通过W3C的效验。 让我们举几个例子来看看: 1...

语义化你的HTML标签和属性

2015-05-15 15:24:39 117次阅读

分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记。换句话说,不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素,比如用div来代替p标...

CSS清除浮动常用方法小结

2015-05-15 15:24:28 120次阅读

使用xhtml+css布局经常性地会使用到float,很多邪门的事儿都有可能是浮动在作怪,那么清除浮动就是必须要做的,而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。 此为未清除浮动源代码,运行代码无法查看到父级元素浅黄色背景。 style t...

LI标签中让文章标题左对齐,日期右对齐的方法

2015-05-15 15:24:24 247次阅读

希望实现标题在左对齐,日期在右对齐,当直接给日期的span加上float:right时,IE8和FF都OK,但IE6/7则会换行,下面给出一个简单有效的解决办法。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran...

用CSS创建打印页面

2015-05-15 15:24:20 190次阅读

用CSS创建打印页面,不必为打印而专门建立一个HTML文件,可以节省一些体力,其前提是按WEB标准用CSS+DIV布局HTML页面。 第一、在HTML页面加入为打印机设置的CSS文件 link href=css/admin.css rel=stylesheet type=text/css media=screen /link href=css/admi...

用white-space解决文章标题列表换行问题

2015-05-15 15:24:12 164次阅读

当文字很长的时,不管是IE还是firefox,到达边界都会自动换行。但是有的情况,我们并不希望这样。比如:在网页中的某个区域显示一个使用ul li 标签的文章标题列表。不想让每行的文字自动换行,那就可以用css属性white-space来解决。以下代码来自 admin10000....

 
QQ在线咨询