`

CSS3小结

    博客分类:
  • UI
阅读更多
最近学了下CSS3

感觉CSS3和CSS2的区别不大,也就是说,如果从零开始学习CSS,会觉得CSS3挺复杂;但是如果对CSS1/2已经有基础,再上手CSS3的话,学习曲线还是比较平滑的

学习CSS3的基础是HTML结构、CSS盒子模型、CSS1/2的选择符和属性;如果了解jQuery的话,对学习CSS3也有帮助

CSS3对2的改进,我感觉主要在于2点:

1、增加了一些属性,主要是圆角、盒子阴影、动画效果等
2、增加了一些选择器,不过其实在jQuery里基本都见过了

具体的变化,见附件,有2个sheet,分别是CSS3新增的选择器和属性

个人感觉,从CSS2->CSS3的难度,比HTML4->HTML5小很多

分享到:
评论

相关推荐

    css3.0新知识小结

    CSS3是层叠样式表的最新版本,引入了许多新的特性以增强网页设计的灵活性和表现力。CSS3的出现使得开发者能够更精确地控制页面布局、字体、颜色、背景以及更多的视觉效果。以下是对CSS3中一些关键知识点的详细解释:...

    疯狂HTML 5+CSS 3+JavaScript讲义(第2版)+源代码

    1.4 本章小结 12 第2章 HTML 5的常用元素与属性 14 2.1 HTML 5保留的常用元素 15 2.2 HTML 5增强的iframe元素 34 2.3 HTML 5保留的通用属性 40 2.4 HTML 5新增的通用属性 44 2.5 HTML 5新增的结构元素 48 2.6...

    css样式小结

    ### 3. 背景样式 背景样式是CSS中一个非常灵活的部分,可以控制元素的背景颜色、图像、重复方式和位置: - `background-color`: 设置背景色,如`background-color:#F5E2EC;`。 - `background-image`: 使用图片作为...

    CSS小结有关整体

    这是一篇关于前端页面的介绍,开放学习,望大家多多看看、 哈哈

    HTTP,CSS知识内容简单小结

    HTTP,CSS知识内容简单小结

    CSS常用样式总结积累

    3. **层叠与继承**: CSS的“级联”特性意味着样式可以从多个来源应用,按照特定规则级联。继承则指子元素可以继承父元素的某些样式,但不是所有属性都能继承,比如`color`可以,而`border`则不行。 4. **盒模型**: ...

    javascript和css兼容性小结

    这篇博文“JavaScript 和 CSS 兼容性小结”可能探讨了如何在不同的浏览器环境下确保代码的兼容性和一致性,这对于 web 开发者来说至关重要。 JavaScript,作为一种广泛使用的客户端脚本语言,它的兼容性问题主要...

    解决CSS样式冲突的几个办法(小结)

    通过使用组合器(Combinator)将选择器的描述写得更加精确(参考CSS选择器 – MDN ),例如对于下述代码片段,如果想给.cellphones中的.apple增加样式,只使用.apple,势必会对.fruit中的.apple也造成影响。...

    CSS颜色体系学习小结(推荐)

    在CSS中,颜色可以通过不同的方式来设置,例如使用颜色关键字、十六进制、RGB、RGBA、HSL、HSLA以及CSS3新增的色标系统等。下面将详细介绍这些知识点: 1. 颜色关键字:颜色关键字在CSS中用来直接指定颜色,比如`...

    10 套华丽的CSS3 按钮小结

    不过随着CSS3技术的发展,你完全可以通过几行代码来定制一个漂亮的按钮,并且还可以呈现渐变、框阴影、文字阴影等效果。此类按钮最大的优势是省去了加载图片的步骤,并且非常易于编辑、扩展和定制,你只需要更改代码...

    Web前端开发基础:CSS的定义与选择.ppt

    --*-- --*-- 1 单元目标 2 教学内容 3 动手实践 4 课堂小结 掌握层叠样式表的使用方法 能力目标 CSS的定义和基本语法 知识目标 《CSS网页样式设计与制作》 参考资料 单元目标 2 教学内容 1 单元目标 3 动手实践 4 ...

    编写出色CSS代码的13个建议小结

    【编写出色CSS代码的13个建议小结】 1. 使用Reset但并非全局Reset 浏览器之间默认的CSS样式存在差异,因此使用Reset CSS可以消除这些差异,实现跨浏览器兼容。然而,全局Reset(如`*{margin:0;padding:0;}`)应...

    css定位学习小结.md

    属性:position 作用:检索或者设置元素的定位方式(改变元素位置的属性) *定位分为静态定位,绝对定位,相对定位,固定定位,粘性定位* (1)static 静态定位: ... position的默认值,默认文本流的状态。...

    30个你不可不知的CSS选择器小结

    3. **类选择器 `.X`**:使用类名选择元素,可选中多个元素,是日常开发中最常用的选择器。例如: ```css .error { color: red; } ``` 4. **后代选择器 `X Y`**:选择`X`元素下的所有`Y`元素,无论它们之间的...

    CSS 背景渐变

    CSS 设计指南学习小结

    《CSS设计彻底研究》光盘源码

    1.7 本章小结  第2章 “CSS禅意花园”作品鉴赏   2.1 “CSS禅意花园”简介   2.2 郊野——两列布局   2.3 像素画——三列布局   2.4 百合池塘——三列布局变体   2.5 郁金香——多列布局   2.6...

    《CSS全程指南》随书光盘

    内容简介 本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计等。每一章内容由浅入深,直到建立比较复杂的示例。...13.3 小结 315

Global site tag (gtag.js) - Google Analytics