当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS初学福音:解决你对英文单词的不理解

CSS样式表
css 块状元素和内联元素
CSS 盒模型、块状元素与内联元素、CSS选择器
css 浮动 理解Float的含义
CSS 清除浮动Clear
CSS 制作网页导航条(上)
CSS 制作网页导航条(下)
css 浮动(float)页面布局
css 浮动(float)页面布局(下)
css position 定位
css 定位应用实例
CSS Hack 有关浏览器兼容方面
css 单图片按钮实例(css 图片变换)
使用X-UA-Compatible来设置IE浏览器兼容模式
div overflow 超出隐藏属性使用说明
CSS 使用规则总结
div+CSS 兼容小摘
CSS的inherit与auto使用分析
如何组织和注释CSS文件
CSS样式按整洁易懂的结构组织
CSS Prism 查看和编辑CSS中用到的颜色

CSS样式表 中的 CSS初学福音:解决你对英文单词的不理解


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 89 ::
收藏到网摘: n/a


                         这是一篇针对CSS新手的文章,可能很多ruanchen.com的网友来说,已经非常熟悉,但对于很多新人来说,学习CSS的一个很大的困难,不是因为CSS难以理解,而是因为CSS中的英文单词太多。其实CSS的原理非常简单。             
 这是一篇针对CSS新手的文章,可能很多ruanchen.com的网友来说,已经非常熟悉,但对于很多新人来说,学习CSS的一个很大的困难,不是因为CSS难以理解,而是因为CSS中的英文单词太多。其实CSS的原理非常简单。
  举个例子来说,比如说我们要描述一个人,我们可以这样写:
张飞{
身高:185厘米;
体重:105公斤;
性别:男;
性格:暴躁;
民族:汉族;
}
  通过这样一张表,就可以把一个人的基本情况描述出来了。表中每一行分别描述了一个人的某一种属性,以及该属性的属性值。CSS的作用就是设置网页的各个组成部分的表现形式。因此,如果把上面的表格换成描述网页上一个标题的属性表,可以设想应该大致是这个样子:
2级标题{
字体:宋体;
大小:15像素;
颜色:红色;
装饰:下划线
}
  再进一步,如果我们把上面的表格用英语写出来:
h2{
font-family: "宋体";
font-size:15px;
color: red;
text-decoration: underline;
}
  奇迹发生了,这就是完全正确的CSS代码了。由此可见,CSS的原理实际上非常简单,对于英语为母语的人来说,写CSS代码几乎就像使用自然语言一样简单。
  而对于我们,母语不是英语的人来说,自然就稍微难一些了。当然,实际上CSS中用到的英语单词也就几十个。即使一点英语都不懂,只要花一些时间,把必要的这几十个单词,以及一些在CSS布局中经常用到的单词,比如content、container等这些“习惯用语”理解,在加上不断的实践,相信学习会容易很多了。
  这里我总结了一个“CSS中英文对照字典”,pdf格式,读者可以下载,一共有160个单词,如果您对英语实在不灵光,可以花几天时间,集中背一次,或者在开始学的时候遇到单词不认识,可以查一查什么意思。
▲▲▲ >>>点此下载-CSS中英文对照字典-pdf格式<<<