第2章 CSS精粹串讲

2.2 范例1:CSS3过渡(transitions)效果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        a { color: #e83119; }
        a:hover { color: #0a99ae; }
        a {
            -webkit-transition-property: color;
            -webkit-transition-duration: 0.4s;
            -webkit-transition-timing: easy-out;
        }
    </style>
</head>
<body>
    <a href="javascript:void;">哈哈</a>
</body>
</html>

时间： 2024-08-09 19:46:22

第2章 CSS精粹串讲的相关文章

[看书][CSS精粹（第2版）]第二章小结

刚看完CSS精粹的第二章,主要讲了跟文字样式相关的操作方面的东西. 虽然这本书貌似挺遭嫌弃(豆瓣上都没什么人标记),也的确内容有些过时,但我还是觉得有些基础的东西可以学习下,CSS方面比较基础又比较实用的东西. 重点是链接a.列表ul.标题行h和基本元素段落p的文字布局东西. a元素的伪类定义,下划线列表ul的第一个列表项伪类first-child的定义,列表项的项目符号(符号修改和使用图片),列表项水平显示标题行h的背景色,下划线,与后续段落之间的大间隔去除段落p的行高,水平线,缩进,首

[看书][CSS精粹（第2版）]第三章 CSS和图像 & HTML网页布局

本章主要讲述作为背景图像方面的技巧. 1.边框(添加边框样式.去除边框): 2.为页面设置背景图像,位置设定,固定背景图像: 3.为任意元素设置背景图像: 4.文字放在图像的上面(作为背景图像): 5.为文档添加多个背景图像(本例利用html和body元素产生多重背景图像的效果): 6.在页面中使用透明效果(使用PNG格式图像). 利用网络搜索补充学习了padding的4个方向顺序(上右下左顺时针),流式布局(看网上的解释结合书里的描述,大概是指页内布局元素采用百分数指定位置和大小). [个人

串讲Apache OFBiz技术架构

从决定读ApacheOFBiz源码到现在不知不觉一年就过去了.这一年因为各种原因,导致源码读得断断续续.其实最大的问题还是因为无法深刻得理解里面的一些东西,导致热情骤减.直到最近,公司在开发的一个"应用快速开发平台"引发了我的一些思考,所以决定再把源码拿出来重新阅读.到最近对其架构设计近乎迷恋. 个人认为对于ApacheOFBiz的剖析可以分成三大块来进行:技术.业务.数据库设计.这三块个个都是非常顶尖的水准,每个方向深入进去都可以学到很多东西.之前只是对OFBiz各个部分的单独解析,

第27章 CSS传统布局（上）

第 27章 CSS传统布局[上]学习要点:1.布局模型2.表格布局3.浮动布局本章主要探讨 HTML5中 CSS早期所使用的传统布局,很多情况下,这些布局方式还是非常有用的.一．布局模型在早期没有平板和智能手机等移动设备大行其道的时期,Web页面的设计主要是面向PC端电脑分辨率展开的.这种分辨率比例比较单一,基本上只要满足最低分辨率设计即可.一般来说有 4:3.16:10.16:9这样的主要分辨率.那么,从这种比例上来看,长度总是大于宽度的.从最低分辨率 1024 * 768设计即可.为了使浏

第16章 CSS盒模型下

第 16章 CSS盒模型[下]学习要点:1.元素可见性2.元素盒类型3.元素的浮动本章主要探讨 HTML5中 CSS盒模型,学习怎样了解元素的外观配置以及文档的整体布局. 一．元素可见性使用visibility属性可以实现元素的可见性,这种样式一般可以配合 JavaScript来实现效果.样式表如下:属性 visibility 值说明 CSS版本visible 默认值,元素在页面上可见 2hidden 元素不可见,但会占据空间. 2collapse 元素不可见,隐藏表格的行与列. 2 如果不

第17章 CSS边框与背景（上）

第 17章 CSS边框和背景[上]学习要点:1.声明边框2.边框样式3.圆角边框本章主要探讨 HTML5中 CSS边框和背景,通过边框和背景的样式设置,给元素增加更丰富的外观.一．声明边框边框的声明有三个属性设置,样式表如下:属性值说明 CSS版本border-width 长度值设置边框的宽度,可选 1border-style 样式名称设置边框的样式,必选 1border-color 颜色值设置边框的颜色,可选 1 这三个属性值,只有 border-style是必须声明,才可以出现边

web—第四章css&第五章

web—第四章css&第五章终于迎接等待已久的CSS,在没学这个之前,我们只会用一点img,查一点小图片,或者是用style改一下颜色,而且比较麻烦.现在多了个css在文件夹在创建一个css文件很多东西都可以在css里面而且修改的话非常方便,但是我还是有一些问题,就是老师叫我们做注册表的时候:年月日我真不相信是用下拉列表一个一个打上去的,我一开始想用时间轴但是太难啦,老师也没说. 随着时间过得很快国庆节也要来临了,这几天老师似乎有点急但是又怕教不好我们所以课程会有点紧张,但是我觉得还是很好跟上

0607pm克隆&引用类&加载类&面向对象串讲&函数重载

克隆class Ren{ public $name; public $sex; function __construct($n,$s) { $this->name=$n; $this->sex=$s; } function __clone()//改变克隆的对象内容 { $this->name="李思思";//this代表复本对象 $that->name="李思思";//that代表原本的,后来废弃了 }}$r=new Ren("张丹

前端开发工程师 - 01.页面制作 - 第4章.CSS

第4章.CSS CSS简介 Cascading Style Sheet 层叠样式表:定义页面中的表现样式 history: CSS1(1996)--CSS2(1998)--着手CSS3草案(拆分成很多模块)(2001)--CSS2.1修订(2007)--全面推广on-going(部分属性已经实现) 如何引入CSS? 外部样式表:页面的样式多 <head> <link rel="stylesheet" href="base.css"> <