今天争取把CSS的基础看完,任务可能有点严重,我发现了一个快速学习的方法,每一节我都作总结(内容就是写相关的注意点),之后用到在看响应的总结部分。
CSS分组和嵌套选择器
分组就是简化了书写
嵌套就是在一个大组中,分类处理
CSS尺寸
这个就是设置元素的大小尺寸等数据,需要注意的是 在盒子模型下 对于元素的大小的设计
CSS 显示和可见性
可见性设置为none的话,就是不能看到但是还是占用空间的,显示不会占用空间
- 对于元素显示的问题,首先明确是什么元素,比如说是块元素还是内联元素 是不一样的
之后对于块级元素和内联元素做了总结,需要再次阅读
CSS 定位
1)有定位方法
2)定位方法里面有不同的位置
基于以上俩个原因,所以有很多不同的定位表现。
需要注意的是,那个元素在那个元素上面的设置。
CSS 布局
Overflow用来控制内容溢出元素框时的显示方式 五个值根据具体需求来选择
CSS浮动
浮动主要是应用在图片上
1)应用在浮动和非浮动之间
2)应用在浮动和浮动元素之间
总结 是一个显示问题
CSS布局 水平和垂直对齐
注意对齐方式
CSS组合选择符
四种组合选择符
后代 子元素 相邻兄弟 普通兄弟 这四个就是描述相对位置的
CSS伪类
看做以选中元素作为基准点,此元素的一些状态或者属性
CSS伪元素
(这个总结真的好)
伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id、class、属性等静态的标志。由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。
与伪类针对特殊状态的元素不同的是,伪元素是对元素中的特定内容进行操作,它所操作的层次比伪类更深了一层,也因此它的动态性比伪类要低得多。实际上,设计伪元素的目的就是去选取诸如元素内容第一个字(母)、第一行,选取某些内容前面或后面这种普通的选择器无法完成的工作。它控制的内容实际上和元素是相同的,但是它本身只是基于元素的抽象,并不存在于文档中,所以叫伪元素
CSS导航栏
用来转换好看的导航栏而不是枯燥的HTML菜单,增加链接到导航栏
CSS下拉菜单
菜鸟教程的这个例子就完美展示了,CSS是控制显示格式的。
CSS提示工具