第5章    链接应用样式 1.链接伪类选择器 a : link{    }   (寻找没有被访问过的链接) a : visied{    }(寻找被访问过的链接) 动态伪类选择器 a : hover{    }(寻找鼠标悬停处的链接) a : focus{    }(寻找通过键盘移动到的链接) a : active{    }(寻找被激活的链接) 选择器的次序,次序混乱样式将不起作用 a : hover{    } a : focus{    } a : active{    } a : li…

一 标记简史 1 使用有意义的元素 2 ID和类名:ID是唯一的,而一个类名可以应用于多个元素.在写ID和类名时需要注意区分大小写,并使用统一的命名约定,比如完全小写+连字符分割,例andy-budd. 3避免过多使用class和div 4微格式:因为HTML中缺少相应的元素,难以突显人.时间,地点等信息,所以就有了微格式.它基于vCard和iCalendar等现有数据格式.当前有9 个正式的微格式,比如hCard(用于人和组织),hCalendar(用于日期,日历和事件),hProduct(产…

原文链接:https://www.imooc.com/qadetail/187585?t=281881 最近项目需要自定义select 元素的样式,搜索了一下发现了通过设置select 元素 css 的 appearance 属性为 none,再通过设置背景图片 background-image 另其显示一个自定义的箭头即可 代码如下: /* 清除部分现代浏览器的 select 默认样式 */ appearance:none; -moz-appearance:none; -webkit-appe…

鉴于国产CSS书籍基本都是辣鸡的现状,我在半年前动用某工作室的购书资金采购了一些技术书籍,这本广受好评的<精通CSS>也在其中.但是在阅读过后我深深的感觉到,如果说CSS本来已经是一种很琐碎的布局知识集合的话,那这本书只能说是更加琐碎了,因为这只是一本纯纯的经验分享.而且随着前端技术的快速发展,明显能感觉到,这本书里的很多内容已经过时了.所以,虽然我写了笔记,但是仍然强烈不推荐把这本书当作是CSS圣经,而应该作为一本床头读物(不过我相信你不会的,因为它太无聊了). 看完以后我最大的感慨是——果…

最近新添16本书,目前开始看陈剑瓯翻译的<精通CSS——高级Web标准解决方案>(Andy Budd, CSS Mastery -- Advanced Web Standards Solutions). 以下是读书笔记. 首先,挺遗憾的是,除了封面上译者名字外,就完全看不到跟译者有关的东西,没有译者简介,没有译者序,没有后记……一点也没有(难道是我没找到?) 第1章 关于“有意义的标签”,这是css编程的前提.第4页上只是罗列了一些html标签,但是并没有详述他们的意义和用法.当然这是一本cs…

4.1 简单的链接样式 锚可以作为内部引用,也可以作为外部链接,应该区分对待. 伪类选择器: :link 用来寻找没有访问过的链接 :visited 用来寻找已经访问过的链接 a:link{color:blue}; a:visited{color:red}; 动态伪类选择器: :hover 用来寻找鼠标停留处的元素 :active 用来寻找被激活的元素 两个规则有相同的特殊性时,后定义的规则优先,因此在定义a元素伪类时使用以下顺序: a:link  a:visited a:hover a:act…

学习了css布局的基础后又来翻阅<精通css>这本经典书籍,对布局有了进一步的认识. 基于浮动的布局 两列的布局仍然是使用一个元素向左浮动,一个元素向右浮动,值得注意的是要加入display:inline 用来防止IE中的双外边距浮动产生的bug. 三列布局与昨天的使用了不同的方法,全部依靠浮动来实现,与两列布局一样先实现主内容与次内容的左右浮动,然后对主内容中的主div与次div在分别浮动. 不要忘记因为元素的浮动需要对父元素清理浮动的处理 overflow:hidden 但是三列布局的时候…

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

一.背景 翻出我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…