CSS基础学习中的几大要点心得
CSS是前端学习中较为简单但又非常复杂的课程,说简单是因为学习它并不需要太多推理论证和逻辑思维,说它非常复杂则是更多的侧重在它的“杂”上,因为太多的格式和套路需要我们注意。以下谨列出本人在CSS学习中总结归归纳的一些要点,内容浅显,无非是让初学则减少一些不必要的失误。
1.非零值要指明单位,而0不需要单位:
在用CSS指定字体、边距或大小时,必须指明所用的单位,而0零就是零,不管是 px还是em还是其他单位,它不需要单位。例如: margin: 0 20px 0 1em;
2.如果布局中一定要用浮动对象,别忘了适时使用清除(clear)属性。
浮动对象始终是块,如果不是,请将他设置为显示块。浮动似易实难,而且不总是让人出错,如果您发现浮动对象伸出了容器的边界,或者不像您所期望的那样显示,请先给浮动对象设置宽度,再考虑将要移动到的位置是否有其他元素独占一行给站住了,如果被站住,就给那个位置的块也设置宽度,留出充分的位置和距离才能顺利浮动。如果还是有问题,这时候,考虑使用clear:清除上面的浮动对下面元素的影响。经过这几步排查,浮动其实也很简单。
3.合理使用padding 、margin和border
合理使用padding和margin是CSS网页设计中网页格式布局的重要一环,margin多用于上下段落和部分的间距,而padding多用于段落和块内部元素位置的分配和安排。而运用border则是设置块或段落边框、下划线、左右分割线的必备手段。
4.在global.css中提前设置网页的边框、有序和无序列表的格式、a元素的下划线和颜色设置。
在CSS中,提前设置一些基本元素的格式很有必要,可以大大减少工作精力和时间的浪费。比如列表前面的圆点和数字、a元素的下划线和淡蓝色的颜色在我们网页中几乎用不到他们原来的格式。提前将他们设置好,后面直接应用,无需每次设置,但是如果想改变原有设置,其实也很简单,只需要在正常编写中设置当次格式就好,因为当次设置总是覆盖原有设置。
最新文章
- iOS---初识Swift(一)
- CI Weekly #2 | 如何优化开发流程,实现项目持续集成?
- 分享一组很赞的 jQuery 特效【附源码下载】
- JavaScript入门篇 第一天
- CSipSimple结构浅析
- Backbone模型
- 2d背景循环
- JavaWeb基础:Servlet Request
- asp.net解决高并发的方案.
- SQLite函数详解之二
- Android studio 读取properties文件
- 【Android】Android程序保护与破解浅析
- java加载资源文件
- 初入 Spring.net
- 使用Notepad++开发python配置笔记
- uva 12627
- 迄今为止 .Net 平台功能最强大,性能最佳的 JSON 序列化和反序列化库。
- tomcat 启动脚本走过的坑
- 幕布V1.1.9最新版漏洞集合
- ImportError: libcublas.so.9.0: cannot open shared object file: No such file or directory
热门文章
- SQL中distinct 和 row_number() over() 的区别及用法
- 用JSON将一个字典写入到文件,通过loads()将JSON字符串在转换为本来的类型
- hibernate 多表关联外键问题无法截断表的解决办法
- idea报错:Error:java不支持发行版本5的解决方法
- 新手必踩坑之display: inline-block
- webServices学习二(小试牛刀。jdk 方式发布一个应用)
- spring源码学习之bean的加载(二)
- CSS作业问题 内容回顾
- SSM3-SVN的安装和搭建环境
- JAVA获取磁盘空间