元素选择符E（某个元素）id（使用#id）.class（使用.class）通配符*关系选择符包含E F（E先所有的F包含子代，孙代等）子选择符E<F（与包含不同的是，子选择符仅限于子代）相邻选择符E+F（和E相邻的F，相隔一个不算）兄弟选择符E~F（和E同级的F）属性选择符E[att]（E中带有某个att属性的元素）E[att="val"] (E中带有att且值为val的元素)E[att~="val"] (E中包含att属性，中存在val值)E[att^="val"] (E中att属性值以val开头的元素)E[a...
rgba:即rgb+a, a为图片透明度，a范围是0~1，越小就表示越透明：hover 即鼠标悬停时改变样式，不仅仅能用在a元素上。<form>标签表示向浏览器提交表单，一般会包裹着输入元素。<label>标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。就是说...
CSS3的媒体查询是对CSS2媒体类型的扩展,完善;CSS2的媒体类型仅仅定义了一些设备的关键字,CSS3的媒体查询进一步扩展了如width,height,color等具有取值范围的属性;media query 与 media type 的区别在于: media query是一个值或一个范围的值,而media type仅仅是设备的匹配(所以media type 是一个单词,而media query 后边需要跟着一个数值,两者可以混合使用);media可用于link标签属性 [media]<link rel="stylesheet" type="text/css" ...
CSS 是一个用来修饰HTML的文件，用法也很简单。一般建议将HTML和CSS分开编辑，首先在HTML文件的header中用<link>引入对应的CSS文件。 然后在CSS文件中，使用selector选中要修饰的对象，并给相应的属性赋值。例如selector{ Property:value;}虽然CSS 中有147中built in颜色，但是颜色的名字并不容易记忆。 常用的颜色命名方法有两种：1 Hexdecimal 2 RGB 1 Hexdecimal 有六位 color:#XXXXXX 其中每两位分别代表Red，Green，Blue；...
1.包含选择符（A F） 选择所有被A元素包含的F元素，中间用空格隔开2.子选择符（A>F）选择所有作为A元素的直接子元素F，对更深一层的元素不起作用，用大括号表示。3.相邻选择符（A+F）选择紧贴在A元素之后的F元素，用加号表示。选择相邻的第一个兄弟元素。4.兄弟选择符（A~F）选择A元素之后的所有兄弟元素F，作用于多个元素，用~隔开原文：http://www.cnblogs.com/elementzhao/p/6941232.html
一些新手容易忽略或者出现错漏的地方。1.首先是对于布局标签的定义。有时候写好了css，但是反复调试总发现效果差强人意，有那么一块空白，挥之不去。其实这就是对于标签定义的不严谨造成的。因为在xhtml的部分标签里，有一些的默认属性值不一定是为空或零的。例如form,p，他们的margin默认值并不是0，所以在定义时定要多加注意。我们可以这样写来更加严谨的定义：* { margin:0;padding:0 } /*注释:定义所有的标签的margin和padding...
CSS布局模型 布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的表现形式。 CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型：1、流动模型（Flow）2、浮动模型 (Float)3、层模型（Layer）一、流动模型 先来说一说流动模...
OOCSS 参考：http://coding.smashingmagazine.com/2011/12/12/an-introduction-to-object-oriented-css-oocss 作者：Louis Lazaris oocss是Nicole Sullivan在Web Directions North中第一次提出，它代表了一种快、可维护、基于标准的CSS写法。 全称object-oriented-css,面向对象的CSS。既然是面向对象，那什么是OOCSS中的对象呢？OOCSS中所说的对象是一种可复用的视觉模型。OOCSS讲究复用，并快速高效的书写样式，且在日后...
html学习总结 1、简介 HTML（Hyper Text Markup Language）是一个标签语言。在现在B/S模式中专门用来描述网站的内容，HTML主要分为行内标签、块级标签。 行类标签 总是在新行上开始；高度，行高、顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度 代码 i 图片 块级元素： 和其他元素都在一行上；高，行高及顶和底边距不可改变；宽度就是它的内容宽度，不可改变。...
本章给大家带来css网页布局必知的基础小知识（总结），让大家可以了解关于css网页布局的一些知识点。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。1、盒子模型的第一层到第五层： border、padding+content、background-image、background-color、margin2、清除浮动。对受到浮动影响的标签作以下操作： 1、clear: both; 2、clear: right; clear: left; 3、设置宽度width: 100%(或者固定宽度)+o...
我们在进行网页前端开发的时候，为了使网站在视觉上显得更加美观，效果更加丰富，css的强大属性自然是功不可没。那么这里就要提到 一个至关重要的属性，css display属性。那么有的新手可能就会问，css中display是什么意思？css display怎么用？本篇文章就给大家详细的介绍css display属性的具体用法，希望能解决大家的疑问。（为了便于大家理解本篇文章，推荐阅读我的这篇文章【html元素是怎么区分的？】其中有关于块级元素和行内元...
CSS3新增了很多强大的选择器 它可以让我们少写一些js事件脚本 我们先来看看各个版本的选择器有哪些 注： ele代表element元素 attr代表attribute属性，val代表value属性值 :xxx都属于伪类选择器，::xxx都属于伪元素选择器 有名字的选择器我尽量细分了CCS1选择器选择器类型示例说明.class类选择器.demo选择所有class包含demo的元素#idID选择器#unique选择所有id是unique的元素ele元素选择器p选择所有p元素ele,ele并列选择器h1,h2选择...
本篇文章主要介绍了ReactJs设置css样式的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧前段时间看了React Native,但是感觉在安卓反面的开发并不成熟.有较多功能有待完善,而且自己在实际运用的过程中在一些模块上遇到了不晓得阻力,又苦于网上没有找到那么多资源.于是打算先放一段时间,还是回过头来看ReactJs吧.React颠覆了html的传统思维,代码基本都写在<script type="text/babel"></script>...
在实际应用中，我们经常会遇到这样的场景，当页面加载完成后去做一些事情：绑定事件、DOM操作某些结点等。原来比较常用的是window的onload 事件，而该事件的实际效果是：当页面解析/DOM树建立完成，并完成了诸如图片、脚本、样式表甚至是iframe中所有资源的下载后才触发的。这对于很多实际的应用而言有点太“迟”了，比较影响用户体验。为了解决这个问题，ff中便增加了一个DOMContentLoaded方法，与onload相比，该方法触发的时间更...
接下来要参与大大小小的暑期实习笔试和面试。在这篇博客里我将总结一些常见的面试题。其中有一部分是我去年暑假找实习的时候总结的。现在看来，不免有些幼稚。慢慢完善吧！ JavaScript Q：JS中的闭包 A：闭包从本身在函数式编程中的概念来说，说的是在定义函数时的两部分-函数体和函数的 context，也就是函数定义时的上下文。里面保存着作用域中的变量，函数的定义和赋值。 而我们平时说的闭包，其实是创建对于这个上...