zoukankan      html  css  js  c++  java
  • CSS学习简单总结

      不知不觉间一个月的时间已经过去了,对我这样以前都没怎么接触过WEB前端方面的人来说,谈技术那完全是扯淡,我敢讲怕是都没人敢听。只能谈谈自己这段时间的学习感觉和一些个人经验吧。

      对一个做WEB前端的人来说,掌握并能熟练运用CSS样式技术是非常重要的。个人觉得学习CSS最重要的就是要自己多动手去试验,各个样式控制命令的使用,及怎样使用,容易在那种情况下出问题,以及怎样解决,这些都是通过动手操作练习来发现和解决的。

      说到底,css无非就是对各个元素的修饰等操作,比如p,span,div,a,img,ul,li……等。

      元素分为块元素和内嵌元素,对于如何区分这两类元素,我个人是把块元素想象成盒子或者有内部空间的容器,它至少是二维的(有长和宽,比如一张纸你可以在上面写东西,你不能在一条线或者一个点上写东西),比如:<p>ABCDEFG</p>,<span>这是块元素</span>;内嵌元素则只能单独使用或者写在块元素里面,如:<img src="images/1.png" alt="">;还有一个比较明显的标识就是块元素都有<>开始</>结束这样的结构,元素则没有。

      最近学习了CSS不少样式,有文字font,段落text,背景background,框border,列表list-style-type,边距margin和padding,浮动flout,定位position,各种选择器方面的知识。

      其中font,text,background,border,list-style-type这几个都比较好掌握,无非是多练和记住各个指令就行,其中今天学习的CSS3中的关于backround的多背景图和border的border-radius命令以及块阴影boxshadow(和文本阴影textshadow)都是非常实用的命令。

      感觉浮动flout和定位position,padding和margin这两组都是容易出错和不好理解的知识点,这其中主要是涉及到了'相对'这个概念。涉及到了‘参照’,所以如果选错了参照就会出错。个人觉得所以我们在写程序时一是要按照正确的缩进格式写,这样不仅能方便我们直观的看出层级关系,而且即使我们那里出错了也能方便快速的检查出问题出在哪里,二是养成随写随运行的习惯,不要一次写很多程序然后在运行,这样出问题了要检查哪里出问题了比较费时费力。

      浮动容易出问题的是容易忽视了浮动的影响,这样会出现后面内容位置错位等,定位容易出错的地方就是参照元素易理解错误,padding易错的地方就是使用了padding而忘记减去padding的值,margin这个倒不是很容易出错,不过因为涉及到要选参照元素,所以注意要选对元素。

  • 相关阅读:
    HDU 1573: X问题
    HDU 1370: Biorhythms
    Break Number --AtCoder
    Cat Snuke and a Voyage --AtCoder
    Fennec VS. Snuke --AtCoder
    Splitting Pile --AtCoder
    Sharing Cookies --AtCoder
    GLB串
    派(Dispatch)
    你知道那棵杨树底下有什么吗
  • 原文地址:https://www.cnblogs.com/zhaoling/p/3655345.html
Copyright © 2011-2022 走看看