一.背景 翻出我4年前看的<精通CSS>一书,可惜当初没有整理读书笔记的习惯,最近又很少写前端,遂很多东西.知识点遗忘了,恰且现在 css 也有些变化和进步,遂一起打包整理,输出成几篇 blog 系列,以犒自己. 二.选择器 1.基本选择器 (1)标签选择器 --elementname (2)类别选择器 --.elementname (3)ID选择器 --#elementname (4)通用选择器 --* 2.组合选择器 符号 说明 A > B 子代选择器 A B 后代选择器 A + B…

一.背景 翻出我4年前看的<精通CSS>一书,可惜当初没有整理读书笔记的习惯,最近又很少写前端,遂很多东西.知识点遗忘了,恰且现在 css 也有些变化和进步,遂一起打包整理,输出成几篇 blog 系列,以犒自己. 二.HTML 1.什么是 HTML? 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言. 超文本(Hypertext)是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本. 2.HTML 历史 198…

CSS 选择器赋予 CSS 强大的 HTML 元素匹配功能.作为前端开发人员必须要掌握的一部分,可能基本的大家都知道.但是你真的精通 CSS 了吗?挑战一下 CSS 选择器测验就知道. 您可能感兴趣的相关文章 OverAPI.com – 史上最全开发人员在线速查手册 HTML5 Maker – 在线轻松制作 HTML5 动画效果 SlimerJS – Web开发人员可编写 JS 控制的浏览器 Chance – 功能强大的 JavaScript 随机数生成类库 Debuggex – 超好用的正则表…

一.为何专门说起IE7 以前,或者说数年前,我们从事桌面端网页开发的时候,基本上都还要兼顾IE6浏览器, 即使有些特性,IE7支持,我们也会忽略之.于是,我们会不自然地把IE6和IE7浏览器归为一路货色,研究的多半是两个浏览器共性的东西,比方说haslayout之类的. 但是,最近1~2年,至少我个人所从事的桌面PC项目都不需要管IE6浏览器(0.3%)了,但是,还是要关心IE7浏览器(3%+)的.虽然,我们有丰富的处理IE6浏览器的经验,但是,当我们不要管IE6浏览器的时候,我们前端技术的选型…

大家好,我是小强老师, 现在网上的CSS+DIV视频,要么讲的太深,要么太浅,很多初学的同学们总是遇到困难,今天小强老师专门给大家准备了css课程的视频.带你从零基础学习CSS+DIV一直到能独立完成前台网页制作.小强老师是这样分类的,前几次课,我们将CSS+DIV入门基础,后几天课程我们讲案例制作.咱们接下来讲的是css基础部分. 高清视频地址如下: 01  css语法规范:                       http://www.tudou.com/programs/view/8s…

一.背景 翻出我4年前看的<精通CSS>一书,可惜当初没有整理读书笔记的习惯,最近又很少写前端,遂很多东西.知识点遗忘了,恰且现在 css 也有些变化和进步,遂一起打包整理,输出成几篇 blog 系列,以犒自己. 二.文字 1.字体类型 (1)字型 字型分 serif(有衬线) 和 sans-serif(无衬线). sans-serif 被认为是比 serif 更容易阅读的. (2)第三方字体 @font-face 可引入第三方字体. 2.字体大小 font-size可以设置字体大小,单位有…

css优先级和层叠 1.优先级    计算方法:        a.行内样式        b.id选择器的数量        c.类,伪类和属性选择器的数量        d.标签选择器和伪元素选择器的数量    假设a,b,c,d的权重分别为1000,100,10,1    那么有: 2.css层叠 了解了css的优先级,这时候我们就不得不提css中的层叠(此时考虑的还不涉及到z-index),我们应该知道如下几点:        1.当优先级相同,属性名相同时,后面的样式会覆盖前面的样式 …

---恢复内容开始--- 前言:在CSS中选择器的种类有很多很多,但是在实际的工作中,我们经常会用到的分为两大类:基础选择器和复合选择器这两个大类,学习选择器的目的就是为了在复杂的页面中能够快速定位到你需要添加的层叠样式,好了,下面我们开始进入选择器的学习吧. (一)基础选择器 1.标签选择器(元素选择器) 什么是标签选择器:是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式. 作用:标签选择器 可以把某一类标签全部选择出来 比如所有的div标签 和 所有的…

1.css的介绍 CSS是指层叠样式表(Cascading Style Sheets),样式定义如何显示HTML元素,样式通常又会存在于样式表中.也就是说把HTML元素的样式都统一收集起来写在一个地方或一个CSS文件里. css的优势 1.内容与表现分离   2.网页的表现统一,容易修改   3.丰富的样式,使页面布局更加灵活   4.减少网页的代码量,增加网页浏览器速度,节省网络带宽   5.运用独立页面的css,有利于网页被搜索引擎收录 CSS的三种引入方式: 行内样式.内部样式表.外部样式…

精通CSS:高级Web标准解决方式(第2版) 跳转至: 导航. 搜索 层叠重要度:(也就是说.用户!important能够覆盖inline style) !important.用户>作者.最后是浏览器/用户代理 规则特殊性(次序)的计算:a,b,c,d 假设同样.后定义的优先 假设是inline style,a=1 b=ID选择器(#id)的个数 c=类.伪类.属性选择器的个数 d=类型.伪元素选择器的个数 => 大站点复杂内容情况下怎样管理规则次序??? @import比link慢? p41…