Q：HTML5是什么？为什么要用HTML5？有什么新特性？移除了哪些元素？HTML5是HTML的最新版本，2014年10月由万维网联盟（W3C）完成标准制定。目标是替换1999年制定的HTML4.01和XHTML1.0标准，以期望能在互联网应用迅速发展的时候，使网络标准达到匹配当代的网络需求。HTML5指的是包括HTML，CSS和Javascript在内的一套技术组合。它希望能够减少网页浏览器对基于插件的网络应用服务（Plug-in-Based Rich Internet Application,RIA），例...
CSS基础知识：1.CSS层叠样式表（Cascading Style Sheets）:解决内容与表现分离的问题。2. 层叠次序:（1）浏览器缺省设置；（2）外部样式表；（3）内部样式表（位于 <head> 标签内部）；（4）内联样式（在 HTML 元素内部）；即，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。3.CSS语法：CSS 规则由两个主...
管理静态文件项目中的CSS、图片、js都是静态文件配置静态文件在settings 文件中定义静态内容STATIC_URL = ‘/static/‘
STATICFILES_DIRS = [os.path.join(BASE_DIR, ‘static‘),
]
在项目根目录下创建static目录，再创建当前应用名称的目录mysite/static/myapp/
在模板中可以使用硬编码/static/my_app/myexample.jpg
在模板中可以使用static编码{ % load static from staticfiles %}
<img src="{ % static "my_app/myexample.jpg...
### html5新增标签> 作用：让结构一目了然 |标签|描述| |--|--| |header|头部区域| |footer|尾部区域| |nav|导航区域| |aside|侧边栏| |section|区分大模块等同div| |video|视频| |audio|音频| |articel|文章| |figure|配图| |figcaption|配图说明| |main|主体区域| ```<video src="dongbei.mp4" controls autoplay loop></video><audio src="horse.ogg" controls loop autoplay></audio> src="" 标签属性，视频、音频路径/地址...
定义：层叠样式表 (Cascading Style Sheets)主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等，设置文本和背景属性的能力，为任何元素创建边框及距离语言特点：易于修改、使用，将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。...
HTML下拉列表框 讲解： 1、value： House Blend 2、selected="selected"： 设置selected="selected"属性，则该选项就被默认选中。 下拉列表框进行多选： 下拉列表也可以进行多选操作，在标签中设置multiple="multiple"属性，就可以实现多选功能，在 widows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用 Command +单击），可以选择多个选项。 HTML提交按钮...
问题 在一个网站中可能我的输入框式下面这样的： 设计者可能想让上传部分也像这样然后再添加一个select按钮。但是当我想把普通的输入框改为上传框时就根本不能工作。浏览器之间有很大的不同，给默认按钮添加样式也几乎不可能。
这很难成为设计的很好的上传框，但是也是我们能做的最多的了。
注意到Safari的设计有些不同。Safari小组想关闭手动输入文件的功能，可能担心这样的溢出。这样设计有个缺点就是用户在选择了一个文件之后...
这里是测试页。在JavaScript里面设置透明度 我用下面的代码来设置透明度： 代码如下: function setOpacity(value) { testObj.style.opacity = value/10; testObj.style.filter = alpha(opacity= + value*10 + ); } 在Mozilla和Safari里使用opacity，IE使用filter。value的值从0到10。 测试结果 IE说明：一个元素必须有一个layout来执行filter。并且IE6对于元素的left margin有很奇怪的表现。 翻译地址：http://www.quirk...
请注意代码和传统的DHTML的区别。在DHTML你通过直接修改页面上的特定元素来改变样式，而这里的代码修改的是样式表。在这里查看W3C DOM-CSS的兼容性列表。定义 一个页面总是包含一个或者几个样式表，一个样式表里面包含一条或者几条规则，一条规则里有详细的样式声明。这个页面的样式表如下： 代码如下: @import url("test.css"); p,h2,h3 { padding-right: 10px; } pre.test + * { margin-right: 20%; } pre.test { ...
另外，有时候你也许想知道添加到一个元素或者链接上的样式的具体内容。而style属性只能读取元素的内联形式的样式，所以如果你想读取其他样式就得另想办法了。 偏移 在使用一些小技巧之前，IE和Mozilla已经添加了一个比较好的办法：offsetSomething。使用这些属性你就能够读取这个段落现在的一些比较重要的样式。 举个例子，使用offsetWidth。你就能知道这个段落现在的宽度的像素值。为了测试，你可以改变一下窗口的大小然后再运行一...
offset 在所有的浏览器里面元素的offsetTop和offsetLeft两个属性都是很有用的。他们会给出你元素相对于父元素的坐标位置。 这段代码会向上查找offsetParent，然后添加offsetTop和offsetLeft。最终无论offsetParent在哪，他都会给出你元素在屏幕上的真正坐标。 解释 这段代码非常简单。先传入要计算的元素，然后设置变量curleft和curtop为0。 代码如下: function findPos(obj) { var curleft = curtop = 0; 如果浏览器支持offsetP...
当示例的box上的#链接处于活动状态的时候（不论是用tab然后点击enter或者使用鼠标点击）这个元素就能够通过方向键拖拽。然后点击enter或者Esc释放。（可以随意改变这些键。我不确定释放键应该设置成为什么所以enter和Esc都可以）使用
1、复制文章后面的dragDrop对象。
2、复制我的addEventSimple和removeEventSimple函数，这里需要。
3、设定keyHTML和keySpeed属性（下面有解释）。
4、确定你所要拖拽的元素都有位置属性：absolute...
CSS全称是cascading style sheets，中文名字叫级联样式单，也叫层叠样式表。它的好处就是能让代码整齐，并且可以批量处理一些样式。 基本语法： 注释符：/* */ 选择符：selector {attribute:value} 同一个属性的值用空格符号隔开，不同属性用分号隔开。 区分大小写。 比如要给页面中的table定制样式，则写table {.....;.....;} 选择符的使用方法有很多种，于是我又一次懒得打，从网上抄来的： 选择符模式
说明*
匹配任意元素。(通用...
附上代码： 代码如下: /*具体模块放在这个大div里*/ #contentmenu1{ width:100%; clear:both; height:800px; } /*具体模块div 由上下两块div构成 上面的div又左面 右边 三块拼成圆角图片 下面div主要放置内容 */ /*具体模块div*/ .content{ width:30%; height:190px; float:left; margin-left:2%; margin-top:10px; } /*具体模块div上部分*/ .content-top{ width:100.5%; height:24px; float:left; } /*具体模块div上部分左*...
CSS与JS紧密配合，为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。例如常用的关闭某个漂浮的广告显示:document.getElementById('ad').style.display='none';相当于：.ad{ display:none}. 下面就是JS 控制CSS样式表的语法对照： CSS语法 (不区分大小写)
JavaScript语法 (区分大小写) border
border border-bottom
borderBottom border-bottom-color
borderBottomC...
document.styleSheets里保存了当前页面上所有CSS规则的集合。通过它可以遍历出页面