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

2016-02-19 15:36 0 1 收藏

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

【 tulaoshi.com - Web开发 】

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

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

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

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

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

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

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

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

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

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

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

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

来源:https://www.tulaoshi.com/n/20160219/1609994.html

延伸阅读
标签: Delphi
  实际上这种办法是有缺陷的,但是需要的就是这个缺陷(没有办法)   今天我有提过md5.asp因为设计上的缺陷,在对双字节字符(比方说中文)进行加密的时候会和标准的md5算法(.Net /IndyHashMessageDigest5 / md5.pas,这三者计算结果相同,同为以字节为单位计算岀的结果)结果有出入。   其原因在于md5.asp使用mid函数,取出的...
标签: Web开发
经常在网站上会发现如下图这样的常用组件模块,这也是我最近做的一个网站项目,我把我的做法整理出来与大家分享一下. 每个区域模块的长度和高度不一,用css怎么实现这种类似组件让其具有扩展性呢? 先看模块的title部分 ,先做一张足够区域的title背景图片,如下图:(bg_title.gif) 1.定义title的背景和高度.让图片从右边开始...
标签: 办公软件
   在日常办公过程中,有时会需要一些特大字来制作标语、横幅等,如果全到打印店中去打印,花费不菲。其实只要有一台电脑和一台打印机,我们完全可以自己进行大字的打印制作。比如新年活动标语中的特大字就是我用“古老”的EPSON LQ1600KⅡ针式打印机打印出来的。下面就来看看用WPS和Word实现特大字打印。    &n...
标签: 养生 健康
睡觉一样可以减肥­这个你听说过吗­睡觉是我们每个人每天都必须要做的事情。这也是最休闲的方式,然后有些人指出睡眠是最经济实惠的减肥方法,因为有规律的睡眠不仅能够有效解决体重超标问题,还能大量节约钱财,因为睡眠是不需要任何成本的最有效减肥方法。 睡眠时间不当会引起肥胖等健康问题。睡眠不足或过多也可能导致肥胖...
谈谈孕期的“理想体重” 如果你怀了孕,体重增加多少才算是合适的呢?对个问题,专家们的回答几十年来已有很大的改变。本世纪四十年代时,专家们认为增重应限于7公斤之内 ;到了七十年代,这个数字已增加到12公斤;但在今天,专家们的研究显示;究竟增重多少得取决于该妇女怀孕前的体重。 据此理论,如果一个妇女怀孕前属瘦型(即达不到身高...

经验教程

55

收藏

51
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部