CSS代码就像使用自然语言一样简单

经营寂寞119

经营寂寞119

2016-02-19 15:36

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐CSS代码就像使用自然语言一样简单,赶紧看过来吧!

这是一篇针对CSS新手的文章,可能很多22333.com的网友来说,已经非常熟悉,但对于很多新人来说,学习CSS的一个很大的困难,不是因为CSS难以理解,而是因为CSS中的英文单词太多。其实CSS的原理非常简单。

  举个例子来说,比如说我们要描述一个人,我们可以这样写:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

张飞{
    身高:185厘米;
    体重:105公斤;
    性别:男;
    性格:暴躁;
    民族:汉族;
  }

  通过这样一张表,就可以把一个人的基本情况描述出来了。表中每一行分别描述了一个人的某一种属性,以及该属性的属性值。CSS的作用就是设置网页的各个组成部分的表现形式。因此,如果把上面的表格换成描述网页上一个标题的属性表,可以设想应该大致是这个样子:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

2级标题{
    字体:宋体;
    大小:15像素;
    颜色:红色;
    装饰:下划线
    }

  再进一步,如果我们把上面的表格用英语写出来:

h2{
    font-family: "宋体";
    font-size:15px;
    color: red;
    text-decoration: underline;
    }

  奇迹发生了,这就是完全正确的CSS代码了。由此可见,CSS的原理实际上非常简单,对于英语为母语的人来说,写CSS代码几乎就像使用自然语言一样简单。

  而对于我们,母语不是英语的人来说,自然就稍微难一些了。当然,实际上CSS中用到的英语单词也就几十个。即使一点英语都不懂,只要花一些时间,把必要的这几十个单词,以及一些在CSS布局中经常用到的单词,比如content、container等这些“习惯用语”理解,在加上不断的实践,相信学习会容易很多了。

  这里我总结了一个“CSS中英文对照字典”,pdf格式,读者可以下载,一共有160个单词,如果您对英语实在不灵光,可以花几天时间,集中背一次,或者在开始学的时候遇到单词不认识,可以查一查什么意思。

展开更多 50%)
分享

猜你喜欢

CSS代码就像使用自然语言一样简单

Web开发
CSS代码就像使用自然语言一样简单

承诺,真的就像泡沫一样 - QQ情侣分组

电脑入门
承诺,真的就像泡沫一样 - QQ情侣分组

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

面部没来由就像烫伤一样疼.什么原因?

电脑网络
面部没来由就像烫伤一样疼.什么原因?

一样的太阳不一样的防晒

防晒
一样的太阳不一样的防晒

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

自然绝经和人工绝经有什么不一样

月经
自然绝经和人工绝经有什么不一样

20 30 40岁不同裸妆一样都自然

裸妆 女人养生
20 30 40岁不同裸妆一样都自然

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Win10系统查看Mac地址的方法

Win10系统查看Mac地址的方法

Win8应用安装失败的解决措施

Win8应用安装失败的解决措施
下拉加载更多内容 ↓