前端新手，最近在写一项目，发现一挺怪的问题：正常引入外部css，<link rel="stylesheet" type="text/css" href="public/css/index.css">发现，不生效，初步觉得路径不对，后来反复检查，都觉得没问题。怪的是，前面一部分写的css是生效了，后来写上去的却不生效了，再怎么修改也改不动，于是把问题归结于浏览器缓存问题，我用的是chrome浏览器，在设置里清除浏览器缓存，问题得到解决。附上截图原文：http://www.cnblogs.com/peng...
一、 HTML5为什么需要HTML5什么是HTML5HTML5现状及浏览器支持HTML5优点与缺点HTML5语法规则与文档声明HTML5新增表达标签HTML5多媒体组件HTML5之canvas二、 CSS3CSS3简介CSS3有什么（边框、圆角、背景、渐变、文本效果、字体、2D转换、3D转换、过渡、动画、多列、用户界面、图片、按钮、分页、框大小、弹性盒子、多媒体查询） 三、 jQuery与CSS3选择器（详见PDF文档）注：部分实例见分享会文件demo.html 1. 为什么需要HTML...
<pre>标签的主要作用是预格式化文本。被包围在 pre 标签中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。<pre>标签的一个常见应用就是用来表示计算机的源代码。当然你也可以在你需要在网页中预显示格式时使用它。会使你的文本换行的标签（例如<h>、<p>）绝不能包含在 <pre> 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行，但是这种行为在所有浏览器上并不都是一样的。原文：http://www.cnblogs.com/m...
HTML+CSS·经常使用的设计方法：======================================================= margin【外】 == padding【内】 == = * { margin:0px; padding:0px; }= = .wrapper{ margin:0 auto; }= margin: 0 auto; （设置网页左右居中）= margin: 60px auto; （设置网页【上下60px】左右居中） == =类别选择器：class------.p{10:52 2016-5-16 }= c ：【©】 =ID选择...
meta标签：META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和 标题标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己，以及设置RASC内容等级，等等。META标签分两大部分：HTTP标题信息（HTTP-EQUIV）和页面描述信息（NAME）。...
给我一个渐变的效果鼠标移入能看到效果<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style type="text/css">.d1{width: 200px;height: 200px;background: green;position: relative;overflow: hidden;} .d2{width: 200px;height: 200px;z-index: 1;position: absolute;} .d2:before{content: "";position: absolute;width: 100%;height: 100%;top: 100%;background: red;z-index: -2;transition: all 0.5...
使用html+css+javascript实现列表循环滚动，设置时间定时，在规定的时间内替换前一个节点的内容，具体示例如下，感兴趣的朋友可以参考下说明：设置时间定时，在规定的时间内替换前一个节点的内容 1、关键代码：javascript： 代码如下:<script type="text/javascript"> var dome=document.getElementById("dome"); //获取节点 var dome1=document.getElementById("dome1"); var dome2=document.getElementById("dome2"); var speed...
一、前面的所以然技术的发展日新月异，说不定回家钓几天鱼，就出来个新东西了。新事物新技术发展的初期，你无法预见其未来之趋势，生命诚可贵，没有必要花过多时间深入研究这些新东西，不过，知道了大概，了解个全貌还是很有必要的。虽不是时代缔造者，也不至于落后于时代发展大潮。互联网的发展相当的神速，其他不说，就前端技术这块，出现的些新名词或生名词就让人眼花缭乱，应接不暇，比如说：HTML5 Canvas, WebGL, CSS Shaders...
CSS层叠样式表CSS注释格式/**/ html注释标签是<!--XXX--> 添加样式三种方法：优先级降低1写在元素标签里，行内样式{<p style="font-size:12px;">XXX</p>}会覆盖嵌入样式和链接样式2嵌入样式是style里的,写在head之间。p{color:red;} 加上style标签的话链接样式便不会被加载3链接样式也是在head之间，<link href="style.css" rel="stylesheet" type="text/css">4写在其他样式之前否则不被加载@import url(css/styles2.css) 但是嵌...
超链接字体颜色设置是通过css来设置，a链接的颜色设置常用的有以下两种，1、超链接a的初始状态颜色，2、超链接字体的鼠标滑过颜色，还有两种病不常用：3、超链接字体的已访问颜色，4、超链接字体在按下鼠标时的颜色四中超链接状态分别对应的css属性：a{}、a:hover{} 、a:visited{}、a:active{}，通常只写a{}、a:hover{}即可，如果你需要其他两种字体颜色设置请参照一下顺序来书写a{color:red;} a:visited{color:green;} a:hover {c...
页面布局（layout）header 头部/页眉；index 首页/索引；logo 标志；nav/sub_nav 导航/子导航；banner 横幅广告；main/content 主体/内容；container/con 容器；wrapper/wrap 包裹（类似于container）；menu 菜单；sub_menu/second_menu 子菜单/二级菜单；list 列表；section 分区/分块（类似于div）;article 文章；aside 侧边栏/广告；footer 页脚/底部；title/sub_title 标题/副标题；news 新闻；hot 热点；pro 产品（product）；...
文档来源：DEN0013C_cortex_a_series_PG.pdf 文档说明：前三章略过，值得关注的是Linaro网站：www.linaro.org本章介绍ARM处理器的基础特性，包括寄存器、工作模式和指令集的细节。我们也会涉及一些处理器实现细节，包括指令流水线和分支预测。ARMv7架构是一个32位处理器架构。它是一种load/store架构，意味着数据处理指令操作通用寄存器中的值。只有加载(load)和存储(store)指令访问存储器。通用存储器也是32位的。本书中，字(word...
这里通过边框属性的虚线边框border控制虚线。以下设置的css 高度(css height)和css 宽度（css width）为350像素是为了便于观看演示 其它意思。一、四边为虚线边框border:1px dashed #000; 黑色虚线边框实例：CSS代码： .divcss5{border:1px dashed #000; height:50px;width:350px}Html代码： <div class="divcss5">我的四边为黑色虚线边框</div>这里设置边框缩写方式定义divcss5选择器四边边框为1px的黑色虚线边框二、左边为虚线：...
哈，首先感谢下w3cfuns的老师，嗯~ 好了，这次给发夹分享一个CSS3+Javascript VCD包装盒个性幻灯片的一个案例。 效果图： 图片切换是不是很个性，效果也很不错，大家可以将其使用到自己的网站上。 先看下html： 复制代码代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta content="text/html;charset=utf-8" http-equiv="c...
时钟<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "http://hm.baidu.com/hm.js?8e2a116daf0104a78d601f40a45c75b4"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script...