给你的博客换个装-园子换装指南

一、准备工作  1、申请js权限  如果你像更加自由的操作,那么你必须拿到js权限。博客园开放js权限其实还是比较危险的,可以做各种“坏事”,但是鉴于博客园的同学都是善良可爱的人,应该不会有人做什么卑鄙无耻下流的事情。  申请理由填写要点:第一要真诚,第二要有礼貌,第三要作出承诺不做坏事,第四要拍马屁。  我的申请理由如下:近来看了博客园的许多文章,感觉收获颇丰,也希望将自己学习的一些东西分享给大
阅读本文

js-template-art【三】js api

一、js api使用1、template(filename, data)根据模板名渲染模板。var html = template(‘tplScriptId‘, { value: ‘aui‘ });在浏览器中,filename 请传入存放模板的元素 id2、template(filename,source)编译模板并缓存。// compile && cache template(‘t
阅读本文

html页面字体相关

1 <!doctype html> 2 <html> 3 <head> 4 <meta charset=“utf-8“/> 5 <title>字体设置</title> 6 7 <style type=“text/css“> 8 #fw{ 9 font-weight: bold; 10 } 11 #fs{ 12 font-style: italic; 13 } 1
阅读本文

css4种布局技巧-float

我所知的常用的布局技巧有四种,原来的三种(1.float布局  2.position布局 3.table布局)以及现在css3新增的flex布局。这四种布局各有优劣block与inline属性比较display:blockblock元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父元素宽度。block元素可以设置width,height属性。块级元素即使设
阅读本文

css媒体查询

先来段代码:<!DOCTYPE html> <html> <head> <meta charset=“UTF-8“> <title></title> <style> body{ background-color: grey; } @media only screen and (max-width: 960px) { body{ backgro
阅读本文

网页自动跳转 5种方法

网页自动跳转 5种方法 利用HTML标记(META中的REFRESH属性) 用HTML标记,就是用META的REFRESH标记,举例如下: <meta http-equiv=refresh content=“10;url=index.php“> 其中content=10是10秒钟后跳转 【5种常见网页自动跳转方法】 网页自动跳转,是指当用户访问某个网页时,被自动跳转到另一个网页中去
阅读本文

web全栈笔记之DIV+CSS布局

DIV+CSS布局实际是将页面模块化的过程大致可分为header内容1 内容2footer <!DOCTYPE html> <html lang=“en“> <head> <meta charset=“UTF-8“> <title>div+css</title> <style> #container { width:980px; margin:0px a
阅读本文

CSS透明度opacity与IE中的透明度滤镜filter的最准确的用法

CSS3的透明度属性opacity想必大家都已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透明处理,保持浏览器效果的一致,这个估计谁都会写,但是涉及到filter的具体语法含义和各版本写法的不同区别,很多人都搞不准确,我曾经问过许多群里的大牛,说的都不是很准确,网上的说法就更五花八门了。今天呢,主要是重新温习一下这个属性,并实际测试来说明正确的写法,和IE各版本的支持度和书写区别。首先
阅读本文

HTML5 网页布局的总结

可以通过 <div> 和 <span> 将 HTML 元素组合起来。 HTML 块元素 大多数 HTML 元素被定义为块级元素或内联元素。 编者注:“块级元素”译为 block level element,“内联元素”译为 inline element。 块级元素在浏览器显示时,通常会以新行来开始(和结束)。 例子:<h1>, <p>, <ul>, <table> HTML 内联元素 内联元
阅读本文

Mooc爬虫05-scrapy框架

1 scrapy框架的介绍  安装pip install scrapy  查看是否安装完成scrapy ‐h  scrapy框架是实现爬虫功能的一个软件结构和功能组件集合  scrapy爬虫框架的结构  这5+2的结构, 就是scrapy框架  主要有三条主要的数据流路径  第一条路径    1) Engine通过中间件获得了Spiders发送的请求, 这个请求叫做requests, 相当于是一个
阅读本文

css解决滚动弹出层里边的滚动条时带动了整个页面滚动的问题

之前一个朋友问我说他的一个弹出层在弹出后,上下滑动弹出层或遮罩层,结果遮罩层下边的整个页面(页面超出了一屏)也跟着滚动了,他说他不想要这样的效果,我说你把弹出层和遮罩层的position:fixed设置为position:absolute就可以了,结果他说不行。当时我也没有在意,平时我也基本没有在意过这样的问题,所以就让他再查查资料。今天,我在做页面时,弹出层控制了高度,里边的内容多的话就必须要可
阅读本文

CSS布局经典问题:左侧固定,右侧自适应

这个问题在开发时碰过非常多次,是经典布局问题。很多公司的面试题也会问这类问题,今天就详细的来谈一下这类问题。题意非常明确,左侧的块宽度是固定的,右侧的宽度会随着浏览器的宽度变化的,见下图。1.BFC为了解决这个问题,首先,我们来理解一下何为BFC。BFC(Block Formatting Context)直译为“块级格式化范围”。BFC提供了一个环境,HTML元素在这个环境中按照一定规则进行布局。
阅读本文

css简单学习属性

1:内联元素和块级元素1).块级元素,默认是独自占据一行的。比如是<p>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<ul>、<ol>、<dl>、<pre>、<hr />2).内联元素,默认是几个内联元素都可以在同一行上显示。比如是<a>、<span>等。2:内联元素可以变成块级元素,块级元素可以变成内联元素。<!D
阅读本文

CSS的margin塌陷(collapse)

<!DOCTYPEHTML PUBLIC“-//W3C//DTD HTML 4.0 Transitional//EN“>   <html>   <head>   <title></title>   <metaname=““content=““>   <style>   *{   margin:0px;   padding:0px;   }       #no
阅读本文

HTML 代码编写的30条技巧

1. 一定要闭合HTML标签在以往的页面源代码里,经常看到这样的语句: <li>Some text here. <li>Some new text here. <li>You get the idea. 也许过去我们可以容忍这样的非闭合HTML标签,但在今天的标准来看,这是非常不可取的,是必须百分百避免的。一定要注意闭合你的HTML标签,否则将无法通过验证,并且容易出现一些难以预见的问题。最好
阅读本文

css之制作网站规范---文件命名

css制作网站规范对css文件分层级进行书写和引用:基本划分四个等级,所有网站公共使用的清除默认样式、所有网站都能使用的原子类、自己网站公共的部分、自己网站每个网页自己独有的部分。1,清除默认样式 雅虎的YUI的reset.css文件,清除默认样式是最好的。 使用:要么使用网址形式绝对路径,更多的将文件内容复制写到本地文件。 2,原子类 是属于所有页面都能使用的。 每个类名中只书写一条属性,后期网
阅读本文

HTML5第二节

第二回合:HTML5的新特性与之前的HTML4.01相比,HTML5增加了非常多的改变:① 新的语义元素:、、、、、、、和等等② 新的元素特性:增加新的元素属性、表单元素、验证功能等内容。③ 多媒体:增加音频、视频元素等内容。④ 2D/3D 绘图:增加绘图元素。⑤ 存储:增加在线、离线存储功能。⑥ 连通性:增加客户端与服务器交互的两个内容:Web Sockets(客户端与服务器持久连接)和Serv
阅读本文

关于html,css,js三者的加载顺序问题

<head lang=“en“> <meta charset=“utf-8“> <title></title> <link rel=“stylesheet“ href=“css/*.css“> <script src=“js/*.js></script> </head> DOM文档的加载顺序是由上而下的顺序加载;1、DOM加载到link标签css文件的加载是与DOM
阅读本文