html & CSS 基础笔记
2014-01-31 02:32
330 查看
2014.1.30 除夕
现在已经大年初一两点二十了,还在磕codecademy的CSS。
还有几个环节CSS就结束了,卡在了position属性上,查了一会儿理解了relative和static,但是absolute和fixed傻傻分不清。再查了下W3C,觉得absolute应该是定死了的位置,而fixed随着browser还会滑动,实验之:
html代码:
为了使窗口滑动,outer定的大了点儿,CSS代码:
确实fixed的情况可以随着窗口滑动。
2014.2.5
这些日子一直拉着俺对象每天整点儿codecademy,她是文科,所以先从HTML&CSS开始。今天她跟我说搞不懂里头CSS Selectors一节的“div > p”是要干嘛,我在姥姥家,纳闷没这个印象啊。回家以后才发现,之前我做到的时候光顾快了,直接敲的是“div p”,也通过了。仔细看了下说明,“div > p”指的是div下直接的一个段落,再包含好几层的p并不算在内,而 div p则指div下的所有p。因为测试代码段中div下的其他p有ul修饰,掩盖了这个差异,所以最后能够通过,我把ul注释了以后执行情况是这样的:
div > p:
div p:
感谢媳妇儿大人提点……(奉旨为文……)
现在已经大年初一两点二十了,还在磕codecademy的CSS。
还有几个环节CSS就结束了,卡在了position属性上,查了一会儿理解了relative和static,但是absolute和fixed傻傻分不清。再查了下W3C,觉得absolute应该是定死了的位置,而fixed随着browser还会滑动,实验之:
html代码:
<div id="outer"><p>Outer</p><div id="inner"><p>Inner</p></div></div>
为了使窗口滑动,outer定的大了点儿,CSS代码:
#inner { border:4px solid blue; position:fixed; } #outer { border:3px solid red; height:1000px; }
确实fixed的情况可以随着窗口滑动。
2014.2.5
这些日子一直拉着俺对象每天整点儿codecademy,她是文科,所以先从HTML&CSS开始。今天她跟我说搞不懂里头CSS Selectors一节的“div > p”是要干嘛,我在姥姥家,纳闷没这个印象啊。回家以后才发现,之前我做到的时候光顾快了,直接敲的是“div p”,也通过了。仔细看了下说明,“div > p”指的是div下直接的一个段落,再包含好几层的p并不算在内,而 div p则指div下的所有p。因为测试代码段中div下的其他p有ul修饰,掩盖了这个差异,所以最后能够通过,我把ul注释了以后执行情况是这样的:
div > p:
div > p { color:#7ac5cd; }
div p:
div p { color:#7ac5cd; }
感谢媳妇儿大人提点……(奉旨为文……)
相关文章推荐
- HTML&CSS基础学习笔记1.34-通用选择器
- HTML&CSS基础学习笔记1.10-添加链接
- HTML&CSS基础学习笔记1.21-语义化标签
- HTML&CSS基础学习笔记1.25-input标签的选择文件和隐藏元素
- HTML&CSS基础学习笔记1.15-合并单元格
- HTML&CSS基础学习笔记1.29-灵活地使用样式
- HTML&CSS基础学习笔记1.26-input标签重置表单
- HTML&CSS基础学习笔记1.20-DIV标签2
- HTML&CSS基础学习笔记1.22-文章布局
- html&css基础笔记
- HTML&CSS基础学习笔记1.30-颜色的表达
- 【慕课网】HTML&CSS基础课程学习笔记
- HTML&CSS基础学习笔记1.13-有序列表及列表嵌套
- HTML&CSS基础学习笔记1.12-无序列表
- HTML&CSS基础学习笔记1.22-一个简单的注册页面
- 前端基础笔记HTML&CSS&JS
- HTML&CSS基础学习笔记1.11-导航栏
- HTML&CSS基础学习笔记1.31-像素和相对长度
- HTML&CSS基础学习笔记1.28-给网页添加一个css样式
- HTML&CSS基础学习笔记1.23-表单的文本域和下拉列表