请对比html与css的异同,css3与css2的区别是什么?

CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。

f64c8735a94355bbab82b0a8fb85c8df.png

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/427656.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MySQL数据导入导出(一)

今天遇到一个需求,要用自动任务将一张表的数据导入另一张表。具体场景及限制:将数据库A中表A的数据导入到数据库B的表B中(增量数据或全量数据两种方式);体系1和体系2只能分别访问数据库A和数据库B。附图: 实…

360桌面计算机,360桌面管理软件

360桌面管理是从360安全卫士中单独提取出来,让你无需安装360安全卫士就能快速使用桌面助手整理自己的桌面。【功能特色】1、一键整理桌面,眨眼之间变清爽360桌面助手采用收纳盒进行分类管理,支持一键整理电脑桌面,用户只要点击“桌…

基于51的串行通讯原理及协议详解(uart)

串行与并行通讯方式 并行:控制简单,传输速度快。线多,长距离成本较高且同时接受困难。 串行:将数据字节分成一位一位的行驶在一条传输线上进行传输。如图: 同步与异步串行通讯方式 同步串行通讯方式:同步…

计算机四级考试题数据库,计算机四级考试《数据库系统工程师》试题及答案

计算机四级考试《数据库系统工程师》试题及答案计算机四级备考工作正在火热进行中,为帮助考生们更好地复习备考,以下是百分网小编搜索整理的一份计算机四级考试《数据库系统工程师》试题及答案,供参考练习,预祝考生们考出自己理想…

二层环路保护,RRPP多环的配置

作者:邓聪聪 组网需求: 局域网中,由A/B/C/D构成RRPP域1换网络结构,要求环网机构中的任意两条线路中断都不能影响业务。 配置思路: 环路由两部分组成,ring1、ring2,B为环1的主节点,G0/0/2为主端口…

如图所示是一种轧钢计算机控制系统,高速线材厂轧钢工艺培训(活套)

原标题:高速线材厂轧钢工艺培训(活套)活套现代高速线材轧机为保证产品尺寸精度,采用微张力及无张力轧制,以消除轧制过程中各种动态干扰引起的张力波动和由此引起的轧件尺寸波动。由于精轧机组为集体传动,故精轧采用微张力轧制&…

Linux服务部署之NTP时间服务器

Linux服务部署之NTP时间服务器: 服务器端IP:192.168.11.119 client端Ip: 192.168.11.101 先安装服务器端ntp: 首先先查看是否安装了ntp时间服务器; ~]# rpm -q ntp >查看是否安装了ntp服务器; 如果没有,安装服务器…

Dubbo架构设计详解

Dubbo是Alibaba开源的分布式服务框架,它最大的特点是按照分层的方式来架构,使用这种方式可以使各个层之间解耦合(或者最大限度地松耦合)。从服务模型的角度来看,Dubbo采用的是一种非常简单的模型,要么是提供…

new 3ds右摇杆测试软件,电击杂志编辑新3DS评测:防抖3D效果拔群!

电击杂志日前在本周杂志上看在了10月11日任天堂将会发售新型3DS主机“新3DS”与“新3DS LL”的上手报告。究竟新版3DS表现如何?让我们一窥究竟。新3DS与新3DS LL“新3DS”与“新3DS LL”是于8月29日配信的“任天堂8月29日3DS直面会”中发表的,主要特点是…

计算机cad比例尺1 150,CAD图纸里面 1:50 和:1:100和1:150三个比例分别怎么换算...

CAD图纸里面 1:50 和:1:100和1:150三个比例分别怎么换算以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!CAD图纸里面 1:50 和&…

Thread类学习(一)

Thread类API中的英文描述: file:///D:/Java/JDK8/Docs/docs/api/index.html 英语不好,大致的意思是: 线程是程序执行时的线程,java虚拟机(JVM)允许一个应用运行多个线程(并发)。 每一个线程都自己的优先权,优先级高的线…

做企业网站为什么要服务器呢,企业为什么要建站?

一、企业建站为何要建立自己的网站1、企业建站的第1个好处就是树立企业形象酒香不怕巷子深,说的就是线下企业经营时以自身企业形象带来的效果,但企业在网上经营活动时,一方面没有大量老客户支援,另一方面陌生人也没有信任感&#…

[转]Oh My Zsh,安装,主题配置

https://swp-song.com/2017/08/20/Tools/OhMyZsh%E5%AE%89%E8%A3%85%E5%92%8C%E4%B8%BB%E9%A2%98%E9%85%8D%E7%BD%AE%E6%96%B9%E6%B3%95/ Oh MyZsh 是什么 Oh My Zsh 它是基于 zsh 命令行的一个扩展工具集,驱动的命令行工具,提供了主题配置 / 插件机制 /…

Linux系统运维成长记

2017年秋天,大一入学,由于高考分数没有达标计算机专业于是被调剂到了土木工程专业。起初大家一起上课下课感觉不到什么变化,但是随着时间的流逝,日子久了,我越发觉得这样的生活毫无乐趣。我的主要兴趣在计算机方面&…

手把手教你撸一个简易的 webpack

背景 随着前端复杂度的不断提升,诞生出很多打包工具,比如最先的grunt,gulp。到后来的webpack和Parcel。但是目前很多脚手架工具,比如vue-cli已经帮我们集成了一些构建工具的使用。有的时候我们可能并不知道其内部的实现原理。其实…

centos7.3下apache搭建django[未成功]

centos7.3下apache搭建django[未成功] 1 apache肯定已经按照完毕了, 如果没有 yum install httpd yum install mod_wsgi 安装完成之后,mod_wsgi.so会在Apache的modules目录中, 2 在httpd.conf文件中添加以下内容  LoadModule wsgi_module modules/mod…

排序算法入门之冒泡排序

分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!在开发中,对一组数据进行有序地排…

VMware12.0下安装CentOS-6.9-x86_64-bin-DVD.iso

使用的是vmware workstation 12 pro 创建虚拟机 注意上面的 安装程序光盘镜象文件(iso)(M): 是我之前配置,现在可以不做任何处理 此处使用的是centos的64位 在创建虚拟机存在的地方是D:\vmware\redis,因为我准备在这装redis集群&a…

判断回文字符串

分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!《递归入门》所谓回文字符串,就是…

matplotlib 中文显示 的问题

第一种方法 from pylab import mpl import numpy as npmpl.rcParams[font.sans-serif] [SimHei] # 指定默认字体 mpl.rcParams[axes.unicode_minus] False # 解决保存图像是负号 - 显示为方块的问题 %pylab inline t np.arange(-5 * np.pi, 5 * np.pi, 0.01) y np.sin…