CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言
来源:互联网 发布:网络机顶盒电视猫 编辑:程序博客网 时间:2024/06/04 18:25
CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。
2CSS id 和 class 选择器
编辑
如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。[1]
id 选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
以下的样式规则应用于元素属性 id="para1":
实例
1
2
3
4
5
#para1
{
text-align:center;
color:red;
}
ID属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。
class 选择器
class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示:
在以下的例子中,所有拥有 center 类的 HTML 元素均为居中。
实例
1
.center{text-align:center;}
你也可以指定特定的HTML元素使用class。
在以下实例中, 所有的 p 元素使用 class="center" 让该元素的文本居中:
实例
1
p.center{text-align:center;}
类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用。
3发展历史
编辑
CSS1
作为一项W3C推荐,CSS1发布于 1996年12月17 日。1999 年1月11日,此推荐被重新修订。
CSS2
作为一项 W3C 推荐,CSS2发布于 1999年1月11日。CSS2添加了对媒介(打印机和听觉设备)和可下载字体的支持。
CSS3
CSS3 计划将 CSS 划分为更小的模块。
2CSS id 和 class 选择器
编辑
如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。[1]
id 选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
以下的样式规则应用于元素属性 id="para1":
实例
1
2
3
4
5
#para1
{
text-align:center;
color:red;
}
ID属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。
class 选择器
class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示:
在以下的例子中,所有拥有 center 类的 HTML 元素均为居中。
实例
1
.center{text-align:center;}
你也可以指定特定的HTML元素使用class。
在以下实例中, 所有的 p 元素使用 class="center" 让该元素的文本居中:
实例
1
p.center{text-align:center;}
类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用。
3发展历史
编辑
CSS1
作为一项W3C推荐,CSS1发布于 1996年12月17 日。1999 年1月11日,此推荐被重新修订。
CSS2
作为一项 W3C 推荐,CSS2发布于 1999年1月11日。CSS2添加了对媒介(打印机和听觉设备)和可下载字体的支持。
CSS3
CSS3 计划将 CSS 划分为更小的模块。
0 0
- CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言
- 做到结构(XHTML),表现(CSS),行为(JavaScript)的分离
- CSS3:为内容设置样式
- 结构与表现分离: HTML/CSS
- 根据浏览器的版本为网页应用不同的 CSS 样式表文件
- "自适应网页设计"到底是怎么做到的?
- web网页打印设计的CSS样式
- 设计模式是编程语言本身太弱的表现?
- 设计模式是编程语言本身太弱的表现?
- vue是怎么做到前端分离的--脱离laravel为例
- CSS (为网页添加样式)
- 表现与数据分离
- OOCSS(样式和结构的分离与容器和内容的分离)
- 网页添加css样式的方法,一共有四种,分别是:
- 到处是坑,真正的最新版本Andriod JNI Hello World 出炉了!
- css样式分离合并与模块化
- 广语言是一种语言与脚本上的语言
- 网页设计引入CSS样式的五种方式
- 关于android:layout_weight
- WGS84、GCJ-02(火星坐标)、百度坐标,Web墨卡托坐标
- 浅谈C中的malloc和free
- java常见错误整理
- 使用 Jrebel 插件实现热加载
- CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言
- navigationBar 标题字体颜色设置
- libnet进行编程时,libnet_init()无法找到网卡的解决方法。
- Integer Inquiry
- java设计模式初体验之观察者模式
- OpenGL ES基本概念介绍
- android pcm编解码
- 在DAO中如何获得session对象
- sed的使用举例 --Unix Shell