前端笔记:2015/8/16

最近重新开始整理以前学过的前端内容,并开始对css3的一些特殊属性进行记忆。
在开始css3的内容之前,有必要对这半年来的有些混乱的前端知识进行一下梳理,以备明年大四的实习之路可以更顺利一些。
—————————————————————————————
1.1 HTML
HTML汉语翻译为超文本标记语言,成为国际标准后,由万维网(W3C)维护。其文档最常见的扩展名为.html。
1.2 CSS
CSS汉语翻译为层叠样式表,当前绝大部分浏览器支持CSS 3标准。
很多网页的一些样式由于浏览器的束缚不得不采用ps进行图片制作,现在看来,这并不是一种好的方法。图片的加载会加重浏览器内容的负担。未来的页面,ps可以达到的,css都可以用编码进行达到。
2.1 重要概念:盒模型
前端笔记:2015/8/16_第1张图片
(不要把border那里想的那么宽。。。。。)
对一个块级元素的大部分样式和定位都围绕着这个模型进行。
margin:外边距,这个通常是用在在块级元素与块级元素之间的定位,如两个div的间距。默认透明。
border:这个是边框,说白了,类似美图上的那种相框的效果。我们可以为这个属性加一些特效,比如像是单向阴影之类的,可以达到一些漂亮的效果。
padding:包含着内容,必要时,有撑开背景的作用。
——————————————————————————
背景应用于内容,内边距和边框组成的区域。
2.2 跨浏览器
这个问题,真的是仁者见仁,智者见智。
不过一个好的网站,还是会努力做到全浏览器功能完整。我通常为了一些新的css样式会放弃一些浏览器(ie。。。),其实这是非常不好的。
这里,我新看到了一种方法,暂时记载在这里,以后尝试了,我会更新这个文章。
条件注释:
其实就是条件判断。

除了ie都可以

条件注释控制符:
! 非
& 与
| 或
lt,lte 小于,小于等于
gt,gte,大于,大于等于
(参考:css高效开发实战 谢郁 编著)

你可能感兴趣的:(前端笔记)