回顾历史,CSS1于1996.12.17发正式版,它是为辅助HTML的展现效果而生的。1998.5.12,CSS2发正式版。随后发修订版CSS2.1,纠正了CSS2中的一些错误。注意从CSS2起,CSS的作用就不是辅助展现了,变为全全负责展现。(注:当年CSS2的勘误表有兴趣可以看看) CSS2.1 ...
分类:
Web程序 时间:
2018-02-28 19:43:00
阅读次数:
221
盒子模型的属性 宽高width/height 在CSS中,可以对任何块级元素设置显式高度。 如果指定高度大于显示内容所需高度,多余的高度会产生一个视觉效果,就好像有额外的内边距一样; 如果指定高度小于显示内容所需高度,取决于overflow属性,需要滚动条需要设置为overflow:auto。 au ...
分类:
Web程序 时间:
2018-02-27 23:37:54
阅读次数:
253
CSS样式命名整理 CSS文件命名 主要的: master.css,style.css 模块:module.css 基本共用:base.css 布局,版面:layout.css 主题:themes.css 专栏:columns.css 文字、字体:font.css 表单:forms.css 补丁:m ...
分类:
Web程序 时间:
2018-02-26 13:27:44
阅读次数:
226
什么是等高布局? 先来看一个案例: 上图中的页面的主体内容是两列结构,左列是用来导航的,右列是用来显示内容的。我们看到它们有一个共同的边框,中间还有一条分隔线,左右两列的高度都是不固定的。这种情况下就需要两列的高度保持一致了,左边高度增加,右边也跟着增加,右边高度增加,左边同样也要增加,否则就会出现 ...
分类:
Web程序 时间:
2018-02-26 13:25:28
阅读次数:
197
按照我的理解,其实圣杯布局跟双飞翼布局的实现,目的都是左右两栏固定宽度,中间部分自适应。 但在这里实现起来还是有一些区别的 【圣杯布局】 在这里,实现了左(200px) 右(220px) 宽度固定,中间自适应,container部分高度保持一致。 DEMO 稍微说明一下: html代码中 middl ...
分类:
Web程序 时间:
2018-02-26 13:20:36
阅读次数:
190
理解: 拔河效应依我理解就是相当于一个物体受到在相反方向两个大小相同的力,再加上设置margin:auto;就相当于物体受到两个拉力很难受(╯﹏╰),只有当它老老实实呆着任两个力的摆布时,它才好受些QAQ,也就是自适应居中 上代码: HTML CSS ...
分类:
Web程序 时间:
2018-02-24 23:13:05
阅读次数:
556
1. 前言 在写这篇文章之前,我理解的fixed元素是这样的:(摘自CSS布局基础) 但是直到我看到这篇文章CSS 为什么这么难学?,作者在文章中提到了一个“黑魔法”,如何让fixed元素不再以viewport为定位参考对象,而是以父容器为参考对象。这下子我算是get到了一个技能。唯一不认同作者的是 ...
分类:
其他好文 时间:
2018-02-22 10:49:14
阅读次数:
169
第一阶段: HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础: Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。 JS基本特效: 常见特效、例如:tab、导航、整页滚 ...
分类:
其他好文 时间:
2018-02-20 10:37:30
阅读次数:
195
python自动化开发课程Web前端的学习笔记:回顾上一节的几个注意点;继续学习css
分类:
编程语言 时间:
2018-02-17 16:07:58
阅读次数:
203
大年三十晚-初一 CSS布局案例 1.开发习惯 2.难易程度 3.可维护性 开发顺序 从整体到部分 从左到右 从上到下 css布局案例.html: index.css: 图示: ...
分类:
Web程序 时间:
2018-02-16 16:52:23
阅读次数:
203