请对比html与css的异同,css3与css2的区别是什么?
CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。
CSS2.0是一套全新的样式表结构,是由W3C推行的,同以往的CSS1.0或CSS1.2完全不一样,CSS2.0推荐的是一套内容和表现效果分离的方式,HTML元素可以通过CSS2.0的样式控制显示效果。
可完全不使用以往HTML中的table和td来定位表单的外观和样式,只需使用div和 Li此类HTML标签来分割元素,之后即可通过CSS2.0样式来定义表单界面的外观。
CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。
简单来说就是css2有的属性css3都有,但是css3有的属性css2不一定有。 CSS3是最新的版本,效果上CSS2是比不了的,css3可以说是css2的进阶,因为css3是在css2的基础上增加了一些新的属性。
比如定义圆角、背景颜色渐变、背景图片大小控制和定义多个背景图片等很多,这个是CSS2上没有的效果,现在新版本的浏览器基本都支持CSS3,比如IE9、FF4+、chrome11+,但是要用CSS3开发网站的话,要考虑的是还在用低版本浏览器的用户。
css3与css2区别总结:
1、css3是css2的进阶,增加了一些新的属性。
2、css2推荐的是内容和表现效果分离的方式,css3是朝着模块化发展的。
css3新增的属性:animation (and eight associated longhand properties)
background-clip
background-origin
background-size
border-radius (and four associated longhand properties)
border-image (and six associated longhand properties)
box-decoration-break
box-shadow
box-sizing
columns (and thirteen associated multi-column properties)
clear-after
flex (and eleven associated flexbox properties)
font-stretch
font-size-adjust
font-synthesis
font-kerning
font-variant-caps
hanging-punctuation
hyphens
icon
image-resolution
image-orientation
line-break
object-fit
object-position
opacity
outline-offset
overflow-wrap / word-wrap
backface-visibility
perspective
perspective-origin
pointer-events (for HTML)
resize
tab-size
text-align-last
text-decoration-line
text-decoration-skip
text-decoration-position
text-decoration-style
text-emphasis (and three associated properties)
text-justify
text-orientation
text-overflow
transform
transform-style
text-shadow
transition (and four associated longhand properties)
word-break
word-spacing
writing-mode
请对比html与css的异同,css3与css2的区别是什么?相关推荐
- 请对比html与css的异同,css2与css3的区别是什么?
css主要有三个版本,分别是css1.css2.css3.css2使用的比较多,因为css1的属性比较少,而css3有一些老式浏览器并不支持,所以大家在开发的时候主要还是使用css2. CSS1提供有 ...
- [css] css3和css2的区别是什么?
[css] css3和css2的区别是什么? css3增加了更多特性:动画.过渡效果,圆角.文字特效等 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论 ...
- css参考手册css3手册_CSS手册:面向开发人员CSS便捷指南
css参考手册css3手册 I wrote this article to help you quickly learn CSS and get familiar with the advanced ...
- css2.0圆角,CSS圆角效果-CSS3常用属性集合
CSS3使用注意项:早期的firefox chrome 等某些游览器中也实现了部分CSS3,所以为了兼容部分,在CSS3中的编写,需要如此: {-moz-border-radius: 4px; -we ...
- 为什么不可以使用哈曼顿距离_请对比下欧式距离和曼哈顿距离的差别
●今日面试题分享● 在k-means或kNN,我们常用欧氏距离来计算最近的邻居之间的距离,有时也用曼哈顿距离,请对比下这两种距离的差别 解析: 欧氏距离,最常见的两点之间或多点之间的距离表示法,又称之 ...
- [css] 如何使用css3实现一个div设置多张背景图片?
[css] 如何使用css3实现一个div设置多张背景图片? background-image:url("1.jpg"),url("2.jpg"),url(&q ...
- [css] 你了解css3的currentColor吗?举例说明它的作用是什么?
[css] 你了解css3的currentColor吗?举例说明它的作用是什么? currentColor是 color 属性的值,具体意思是指:currentColor关键字的使用值是 color ...
- [css] 如何使用CSS3的属性设置模拟边框跟border效果一样?
[css] 如何使用CSS3的属性设置模拟边框跟border效果一样? <!DOCTYPE html> <html lang="en"> <head& ...
- [css] 解释下css3的flexbox(弹性盒布局模型),以及它应用场景有哪些?
[css] 解释下css3的flexbox(弹性盒布局模型),以及它应用场景有哪些? 手机端中比较常用的三段式布局, 头尾固定高度 中间自适应 它可以修改父元素下所有子元素的位置 和排序方式 相对于浮 ...
最新文章
- 张继平院士:40年北大数学路 | 北大黄金一代是如何培养的
- 使用git clone的时候报错:Received HTTP code 503 from proxy after CONNECT
- java中将date插入mysql中date_JAVA 处理时间 - java.sql.Date、java.util.Date与数据库中的Date字段的转换方法[转]...
- require的key一个坑
- Leetcode 1. 两数之和 (Python版)
- 解决Failed to connect session for conifg 故障
- vue获取input的属性_vuejs 中如何优雅的获取 Input 值
- 【实习】同方威视南京研发中心招聘图像算法工程师
- 01-05 Linux常用命令-性能统计
- winform自定义分页控件
- 添加列oracle默认值,Oracle 11g增加列,并带默认值的新特性
- android studio 2.2.3 ndk 添加 C 和 C++ 代码
- 函数03 - 零基础入门学习C语言34
- python+pytest单元测试框架之在Jenkins上生成Allure测试报告
- 使用VScode插件vs-picgo传图到阿里云(Ubuntu18)
- 模拟电路中晶体管阵列的性能感知公共质心布局和布线 ALIGN
- Java List集合排序 Java8 List集合排序方法 Java Lambda集合排序
- AI换脸,流行一阵儿了;其中原理你一定也明白!
- 戴尔刀片服务器运行风扇一直超速转动解决
- 设计模式-单例模式(Singleton)