第十一章，用CSS进行布局 开始布局注意事项 1、内容与显示分离 2、布局方法：固定宽度和响应式布局 固定宽度，整个页面和每一栏都有基于像素的宽度 响应式布局也称为流式页面，使用百分数定义宽度 3、浏览器问题 注：HTML5 shiv 是少有的必须在head中加载JavaScript的情况之一，否则就不起作用。 关于HTML5 shiv： 与其他主流浏览器不同，IE8及之前版本会忽略它们不原生支持的元素的CSS。HTML5 shiv是专门用于解决这一问题的一段Ja...
第9章，装饰网站导航 限制访问，处于隐私方面考虑，浏览器已经开始限制可以对伪类:visited应用哪些CSS属性了。其中包括对已访问过的链接定义color、background-color、border-color等样式（除非已经为那些链接的正常状态定义了颜、背景色和边框色） 对于标签可以对所有不同的访问状态设置样式，但要让样式有效，必须以特定的顺序指定链接：link、visited、hover、active CSS3按钮生成器：http://css3button.net CSS3按钮优秀示例：...
第一部分----CSS基础知识 第1章，CSS需要的HTML HTML越简单，对搜索引擎越友好 div是块级元素，span是行内元素 标签包含一组相关的内容，就像一本书中的章节一样 标签包含与其周边的内容相关的内容，如纸质杂志上的侧边栏一样 标签包含通常放在网页底部的一些信息，如版权声明、法律信息、一些网站的导航链接，等等 标签用来包含重要的导航链接 标签用于说明图 让IE8及更早版本支持HTML5，可以使用html5shiv，不过，也只是接受了HT...
第13章，构建基于浮动的布局 使用的是float（浮动）属性 注：float:none值将取消所有浮动，通常只用来取消元素中已经应用的浮动。 切记：不需要给正文的div设计宽度，即使设计成固定宽度也不用 用浮动进行布局 LayoutGala网站（http://blog.html.it/layoutgala/）上提供了40种不同的CSS设计，但大多只是基本框架，里面只有标签及其定位用的CSS代码 布局生成器，Cridinator（http://gridinator.com）提供了简单的工具，用以创建复杂...
第十一章 1、 box-sizing：border-box（让宽度和高度包含内边距和边框） 2、 clear让后面的元素显示在浮动元素的后面 3、 z-index只对只对绝对、固定、相对定位的元素有效 4、 vertical-aligh只用于行内元素 baseline/middle/sub/super/text-top/text-bottom/top/bottom/百分比/值 第十二章 1、 and (min-width/max-width/resolution:value)” href=”” /> 2、 第十三章 1、body{font-family:’ pt_sansregular’;}@font-...
4月7日学到的知识点：一：alt是给图片添加介绍，当图片没加载出来时，会直接显示alt的值,在搜索引擎搜索时也可以让搜索引擎更好的找到这张图。二：标签下载当href的值是一个文件名或者压缩包时就会直接出发浏览器的下载功能去下载这个文件。三：锚点，百度百科常用。点击a标签就会跳到对应id的位置。四：群组选择符#box1,#box2{}选中id为box1和box2的对象。五：类选择符.class六：类型选择符p{};div{}等七：样式优先级1.同级样式默...
即将毕业的软件工程大学生一枚，秋季招聘应聘的是Android，今年来到公司实习，要求做前端开发，所以一切只有现学，现在根据视频来学习，然后开这个博客记录一下自己的学习过程，废话不多说，开写。 4月6日学到的知识点：一：! 声明，注意的意思；doc document 文档的意思；type 类型的意思；html就不用解释了；连在一起的意思就是：注意，文档的类型是HTML。也就是声明你写的文件的文档类型，方便浏览器解析。二：声明代码的编码...
第七章 1、 样式表：选择器和生命块 2、 !important： 某条声明的重要程度比其他高，在末尾添加 3、 属性值：inherit; 是强制继承 4、 1em=16px; 5、 可以接受不带单位的属性：line-height、z-index、opacity 6、 background-color/color/border/box-shadow/text-shadow: rgba(89,0,127,.2);最后一个是透明度 7、 属性：hsl(95,10%,28%) 色相、饱和度、亮度 第八章 1、 在和中加入media=”print/screen/all” 第...
这断时间家里有点事，上班也有点任务，所以几天没看视频没来更新了。今天来更新一下了。 一：默认样式重置但凡是浏览默认的样式，都不要使用。body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0; font-size:12px;/* font-family:XX; */} ol,ul{list-style:none;padding:0;margin:0;} a{text-decoration:none;} img{border:none;} 二：块元素和内嵌元素块元素的特征:1.默认独占一行；2.没有宽度时，默认撑满一排；3.支持所有...
1. 定义：Promise是抽象异步处理对象以及对其进行各种操作的组件，它把异步处理对象和异步处理规则采用统一的接口进行规范化。2. ES6 Promises 标准中定义的API： a) Constructor：采用new来实例化， var promise = new Promise(function(resolve, reject) {…}); b) Instance Method：使用then方法设置成功(resolve)和失败(reject)时的回调函数， promise.then(onFulfilled, onRejected)， promise.catch(onReject...
移动设备优先: 为了让开发的网站对移动设备友好,确保适当的绘制和触屏缩放，需要在网页的head之中添加viewport meat标签：如下：<metaname="viewport"content="width=device-width, initial-scale=1.0">响应式图像:通过对图像添加class="img-responsive"可以让图像对响应式布局设计的更好；伪元素 http://www.w3school.com.cn/css/css_pseudo_elements.aspBootstrap3 css有一个申请响应的媒体查询，在不同的媒体查询阈值范围内都为...
学习该内容之前可能会用到的内容： css属性Font-Weight:如果数字为700就是加粗的.或者更粗的为bolder,更细的是lighter. html Cite标签定义文档的引用，默认字体以斜体表示 如果有title属性,当鼠标放上去的时候还会显示title里定义的内容； html q标签通常和cite属性一起使用,cite来定义文档引用位置,注意q标签中文本内容会自动加上双引号; html blockquote cite属性规定引用的来源，内部文本默认会在左右两边进行缩进(增加外边距) ...
DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>任意值的运动框架</title><style>div {float: left;width: 200px;height: 200px;margin: 20px;background-color: yellow;border: 1px solid black;font-size: 14px;filter: alpha(opacity=30); /*IE*/opacity: 0.3; /*火狐,chrome*/}</style><script>window.onload = function () { //Div变高var oDiv1 = document.getElementById(div1);oDiv1.onmouseover = f...
html页面的颜色表示法有三种：英文表示，16进制表示和10进制表示。颜色通过三原色即红、绿、蓝三种按比例混合而成，如红色的10进制表示为255,0,0，即按照红色.绿色.蓝色的格式，权值取0~255，255为最大，0为最小。最常用的位16进制表示法，通过2位16进制来表示3位10进制，具体表示为#ff0000,不要忘记#号，可能因为浏览器的不同导致偏差， 所以最好加上#号。可用相关屏幕取色软件获取颜色的值。 附上颜色表：
一、利用HTMLParser进行网页解析 具体HTMLParser官方文档可参考http://docs.python.org/library/htmlparser.html#HTMLParser.HTMLParser 1、从一个简单的解析例子开始 例1： test1.html文件内容如下： 代码如下: XHTML 与 HTML 4.01 标准没有太多的不同 i love you 下面是能够列出title和body的程序示例：代码如下:##@小五义：##HTMLParser示例 import HTMLParser class TitleParser(HTMLParser.HTMLParser): def __ini...