菜鸟体会:我的css之路 希望能够对那些和我一样挣扎的童鞋们一点体会

学习css,首先你必须知道他是干什么的?又是如何出现的?

  css,cascade style sheet 级联样式表,顾名思义他是一个样式表,而且是级联的,我认为他的全称应该是html的级联样式表。问题就来了,为什么要级联呢?这里就牵涉一个背景知识,html在刚刚诞生时,只是为了呈现纯文本文档,最初的标签只是告诉你这个标签所包括的内容是什么(后面还会说,理解这个很重要),后来随着html 文档的复杂,人们逐渐对他的样式有了要求,最初的修饰是写在html中的,这种方式不仅在每次加载html时重复的样式要反复加载,而且在修改一个地方的样式后还要去各个地方进行修饰。为了解决这个问题css便诞生了,把样式抽象成独立于html的独立个体,多个html可以使用一个样式表,这样当修改这个样式表时,所有应用该样式表的html的样式都会改变。级联 样式表 就这么简单!

  css是用来修饰html的,他们的关系到底是什么,各自的分工又是什么?这里我要向大家推荐本书《css禅意花园》她会向你展示css是如何的强大,面对同一个html,在只更换css的情况下就能够产生神奇的效果。她最重要的理念也是我所推崇的便是:html只是来告诉你该文本对象是什么!css告诉你该文本对象什么样!举个简单的例子html中的h系列标签能够改变字体的大小,但是我们不能用它们来修饰字体的样式,h1的标签只是告诉我们他包括的文本对象是h1级别的对象,至于这个级别的对象应该是什么样的,我们得用css来修饰;初学者还往往喜欢用”<br/>“来控制间距,虽然在某些时候是不错的方法,但是最好少用,他只是表示两个文本对象之间应该换行,间距多少还是应该用css来修饰。

  接下来便是css如何学习了。这点大家不要着急,没有必要时间的摸索是学不会的,不断的出错不断的纠正才能不断的进步,要敢于尝试,废话不说,咱们继续。

  我认为css主要分为两大部分:1.如何选中你想修饰的文本对象2.如何修饰你所选中的文本对象。(《css入门经典》是本好书,章节很合理,很细致)

  关于如何选中你想修饰的文本对象,这里大家就要掌握好css中的选择器,它分为类型选择器,id选择器,类选择器,通用选择器,相邻选择器等等。大家必须会的是类型选择器即body,li,ul这些是html类型标签的选择器,然后是id选择器和类型选择器。理论上知道这三个选择器的使用方法后你能选中任何你想选的对象,但是你对其他的选择器也精通的话你能偶很优雅的选中你要选的内容。我怕误人子弟就不深说,想单独查他们很容易。

  然后是修饰你所选中的对象:这里面我感觉重要的就是定位跟属性的声明,这两点我也没什么好办法,你必须反复的摸索,因为关于定位实在是变数太大了,Firefox对css支持的最好,ie支持的最差,各种浏览器真是千差万别,定位我认为只能根据实际的浏览器慢慢摸索,当然还是有重点的,你必须理解文档流,盒子模型两个重要概念和float,position两个重要属性的用法;定好位后要进行修饰,这里就牵涉了css海量一般的属性,太多了,好多你根本没听过,这也只能查,遇到问题不要狼狈的完成了就算完成了,一定有好的修饰方法,甚至有专门的属性石对应你的问题的,我们一定要追求优雅的实现。

  祝大家和我这些菜鸟们能够早日高飞,嘿嘿,css其实也是程序员们为数不多的可以从中得到审美提升的语言,记住要优雅的实现!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值