引子 之前的我的博客中对于meta有个介绍，例如：http://www.haorooms.com/post/liulanq_think_ie 浏览器安全性想到的这篇文章，中间介绍了meta下面IE的一些属性，可以实现页面之间的过渡转换。已经SEO优化中有所提及。下面具体介绍一下meta的功能和使用。 前言 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（...
html水平垂直居中 最近遇到很多居中的问题，就花点时间总结了一下放在这里，以后找也方便，0.0~~ 1.居中文本 1 2 我在中间……3 1.1. height+line-height+text-center（只能居中单行） 1 .wrap{2 width:200px; 3 height:200px;4 border:1px solid red; 5 text-align: center;6 line-height: 200px;7 } ps:text-align:center只是将元素下面的内联元素居中显...
CSS background 属性总结
一、HTML文本格式化标签（这些标签都不换行） eg： 1 2 3 4 5 HTML文本格式化标签 6 7 8 9 定义粗体文字10 定义大号字11 定义着重文字12 定义斜体字13 定义小号字14 定义加重语气15 定义下标字16 定义上标字17 定义插入字18 定义删除字19 20 效果： 二、HTML图像 1、图像标签： 标签指带有可点击区域的图像映射，定义其具体...
一、特殊边框 通过 CSS3，能够创建圆角边框，向矩形添加阴影，使用图片来绘制边框。边框属性： 1、border-radius：创建圆角边框 border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。 eg： 1 2 3 4 5 css3 6 7 p{ 8 border:2px solid; 9 border-radius:30px;10 text-align:center;11 }12 ...
是框架的一种形式，也比较常用到。 例子1。 不用多说了。 width插入页的宽；height插入页的高；scrolling 是否显示页面滚动条（可选的参数为 auto、yes、no，如果省略这个参数，则默认为auto）；frameborder 边框大小； 注意：URL建议用绝对路径 传说中百DU用：<iframe width=0 height=0 frameborder=0 scrolling=auto src=WWW .webjx.com> 黑了88*8。。。 例子2。 如果一个页面里面有...
在实际工作中我们会遇到需要为“不定宽度的块状元素”设置居中，比如网页上的分页导航，因为分页的数量是不确定的，所以我们不能通过设置宽度来限制它的弹性。 不定宽度的块状元素有三种方法居中（这三种方法目前使用的都比多）： 加入 table 标签 设置 display;inline 方法 设置 position:relative 和 left:50%; 第一种方法： 第一步：为需要设置的居中的元素外面加入一个 table 标签 ( 包...
概述：CSS是指层叠样式表，他是定义如何显示HTML元素，样式表通常存储在样式表中,通常存储在.css文件中，下面对css的选择器进行总结，便大家夯实基础！ 1 语法规范： 每个样式规则有两个部分：选择器和样式声明 2 CSS规则特性：继承性，层叠，后定义样式优先： 3 CSS选择器 4.1 元素选择器：选择所有同名的元素 4.2 类选择器：元素中可以定义相同的类，同时类选择器通常和id选择器互补共用 4.3 id选择器：...
工作这四年多，几乎每年都看到一些同学分享自己的年终总结，但大多看过了就忘了。自从去年底接触到前端行业里大牛们的总结，让我触动很大，大牛们短短一年时间竟能学习这么多东西，而我自己一年到头看似忙碌，但是沉淀下来的知识其实并没有多少。所以今年也想东施效颦一把，把今年做的事、学的知识总结记录下来，很多东西可能显得幼稚浅薄，但是应该留下这些成长的足迹，鞭策自己不断进步。 一、2015我都做了什么？ 【工作】...
今天看到了这样一道题 用两种不同的方法来实现一个两列布局，其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化 自己感觉有好几种方法，再此总结下： 一、使用position：absolute方法，因为把元素设置为absolute，那元素就脱离了文档流，后面的元素就会占据他原来的位置： 无标题文档 .side{width:190px;height:80px;background-color:#F00;position:absolute;} .exta{height:...
需求： 在前端页面布局中，经常会有因文字过多而影响页面排版。特别是在移动端页面中，因屏幕宽度不够段落文字如完全显示则会打乱布局。因此若段落文字能根据屏幕空余大小而显示就完美了，也就是若屏幕够大，段落文字就完全显示，若屏幕很小，则段落文字以省略号的形式部分显示。 解决办法： 在CSS3中有text-overflow属性，不熟悉的同学可以点此查询。用来实现单行文本的溢出显示省略号，单行文本的溢出显示省略号在现代浏...
引入 开发工作中需要，除了今天要介绍的两种template，还有很多模板，但他们的终点都是相同的，都是为了开发的便利。 模板的作用 是一套模板语法，开发者可以通过写一个模板区域，每次根据传入数据，然后渲染成不同的html片段。 BaiduTemplate 举个:chestnut:栗子 首先需要下载 BaiduTemplate.js 接着引入一个栗子 test输出变量语句，输出title title: 1)...
标题说的很清楚了，这篇文章纯属班门弄斧，大神可随意喷。我只是结合自己4年不到的学习与使用.NET的水平。 首先说下这篇博客的背景吧。前两天有个我的读者加我微信，然后就有了下面这样的对话， 可能有些人第一眼看到这段对话会觉得我有点装13的感觉，后来想想我这样的回复可能真的会让一个刚入行的兄弟感到心凉，在这里说声抱歉。当时我回复他说有点忙的时候是已经过了一个小时，但当时确实在研究支付宝的一些东...
此文章同步连接： https://github.com/p2227/p2227.github.io/issues/2 # 2015年技术总结## 各个技术栈的实践* `ES6+babel` 的开发模式广泛应用在开发上，多了很多语法糖* `react` 组件化的开发，使得前端以往界面复杂，组合多的问题有了新的突破与解决* `redux` 函数式编程，能很方便地进行解耦与测试* `postcss` 应用于项目中，体会到一个all in js的原则，连css/html都先经过js处理，再输出## 综合利用各种资源解决问题* 综合...
CSS3重点总结(1)兄弟选择器：2种：+、 ~ 1.相邻兄弟选择器（+）：选择器1+选择器2 选择"选择器1"相邻的后一个兄弟"选择器2" 强调：选中的是自己相邻的下一个元素，不是自己 2.通用兄弟选择器（~）：选择器1~选择器2 选择"选择器1"之后的所有兄弟"选择器2" + 和~的区别： （1）+只选相邻一个，~选之后所有 （2）+要求必须相邻，如果相邻元素不满足+后选择器要求则不选 （3）~跳过之后所有不满足选择器条件的元素。 何时使用...