只有定位(static除外)的盒子才有z-index,即对静态定位,文档流和浮动设置z-index,都是无效的。

一个盒子如果未给宽度,那么被浮动,绝对定位,display:inline-block之后盒子的宽度会变成内容的宽度。

给了宽度再给padding值盒子会被撑开,不给宽度则不会!

区域是否划分在一块儿一般根据相关性原则

浮动文字的时候必须设置宽度,因为正常情况文字都是直线横向占整个宽,浮动过去空间不够,因此需要设置宽度才能浮动。

间距可以使用高度剩余法和宽度剩余法来显示。

关于标签嵌套

  1. 块级元素 内部可以嵌套任何元素, p元素除外
  2. 内联元素 只能放内联元素
  3. p元素内不能放块级元素
  4. a元素无所不能,但是不能放input元素 和a元素

行内元素只能设置左右内外边距,上下的设置无效,因此最好不要设置。

网页组成部分 html (结构)+ css(样式) + javascript(行为)。

先结构,后样式,再行为。

css3虽然存在兼容性问题,但是已经被大量使用,只要不影响页面布局和可读性,一般的小差异可以使用css3没关系。

Span.icon$*3

页面布局所有元素都看作盒子

对于盒子需要按顺序来考虑/设置

1.盒子的宽度和高度 2.盒子的背景和边框 3.最后才考虑盒子的位置。

I/S/U/em等标签常用来做小装饰的容器

清除浮动:.clearfix:before,.clearfix:after{content:""; display:"block"; clear:both;visibility:hidden;overflow:hidden; }

一.项目准备

1.规划好页面

项目文件夹

1)index.html 2)css文件夹 (base.css/global.css;  index.css)

3)images文件夹 4)js文件夹

2.初始化css

3.引入css

定位选择法则:

定位:1.定(以什么为参照物)  2.位(本身到底有没有位置)

常用口诀:子绝父相(相对定位做容器,内部用绝对定位)

css重难点笔记的更多相关文章

  1. html和css的重难点知识

    目录 html总难点总结: 1. 块级标签与内联标签的区别 1.1 块级标签: 1.2 内联标签: 2. 选择器 2.1 定义 2.2 选择器的分类 2.1 选择器的分类 3. css中margin, ...

  2. (2)《Head First HTML与CSS》学习笔记---img与基于标准的HTML5

    1.浏览器处理图像的过程: 1.服务器获取文件,显示出文本结构,以及预留默认的大小给<img>(如果该<img>有width-1值和height-1值,则根据这个值提前设好页面 ...

  3. 这是一份非常适合收藏的Android进阶/面试重难点整理

    写在前面 记得我大二时“不务正业”地自学Android并跟了老师做项目,到大三开始在目前的公司实习,至今毕业已有几年多,学习Android已经6.7年多了!但总感觉知识点很零散,并且不够深入,遇到瓶颈 ...

  4. CSS 重设文章

    CSS 重设 http://blog.bingo929.com/css-reset-collection.html

  5. 【转】}目前比较全的CSS重设(reset)方法总结

    在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键.在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则,并且呈现相同的视 ...

  6. CSS揭秘读书笔记 (一)

    CSS揭秘读书笔记      (一) 一.半透明边框 要想实现半透明边框可以使用border: border: 10px  solid  hsla(0,0%,100%,.5); background: ...

  7. css居中学习笔记

    css居中学习笔记 一.水平居中 以下面的代码为例: <body> <div class="parent"> <div class="chi ...

  8. 目前比较全的CSS重设(reset)方法总结

    在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是 重要的关键.在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则,并且呈现相同的 ...

  9. 李洪强漫谈iOS开发[C语言-008]- C语言重难点

      C语言学习的重难点 写程序的三个境界: 照抄的境界,翻译的境界,创新的境界 1  伪代码: 描述C语言的编程范式 范式: 规范的一种表示 对于C的范式学会的话,C, C++ Java 都会了 2 ...

随机推荐

  1. 打开和写入word文档

    一. 使用win32读取word内容 # -*- coding: utf-8 -*- from win32com import client as wc def readDocx2(): word = ...

  2. vivado自动化tcl实现(更新中)

    ug1197-vivado-high-level-productivity vivado中如何使用自动化工具进行设计?用过的项目有AD9361提供的官方例子中,使用了自动化方式,可以借鉴.

  3. [PyImageSearch] Ubuntu16.04下针对OCR安装Tesseract

    今天的博文是安装和使用光学字符识别(OCR)的Tesseract库的两部分系列的第一部分. 本系列的第一部分将着重于在您的机器上安装和配置Tesseract,然后使用tesseract命令将OCR应用 ...

  4. AntPathMatcher做路径匹配

    转发自: http://www.cnblogs.com/leftthen/p/5212221.html 需要看详细的请看上面的链接 这里以我这里的一个Filter 中需要对路径做例外处理,filter ...

  5. shell脚本实例-内存磁盘使用警告

    1,磁盘使用警告并发送邮件 #!usr/bin/bash #df -Th|grep '/$' 这个是获取内存使用的那一条记录 #后面两句是获取内存的使用率 disk=`df -Th|grep '/$' ...

  6. linux之ls、ll

    ls == list,根据不同的选项,列举指定目录或文件的相关信息,是Unix/Linux下最常用的命令之一,cd到某一目录下后执行的第一个命令. ls命令格式:ls [OPTION]... [FIL ...

  7. (Object String 类中的方法练习)

    package com.zs.demo1; public class Demo1 { public static void main(String[] args) { fun1(); fun2(); ...

  8. Spring MVC — @RequestMapping原理讲解-1

    转载地址 :http://blog.csdn.net/j080624/article/details/56278461 为了降低文章篇幅,使得文章更目标化,简洁化,我们就不例举各种@RequestMa ...

  9. SpringMVC详细示例实战教程(较全开发教程)

    SpringMVC学习笔记---- 一.SpringMVC基础入门,创建一个HelloWorld程序 1.首先,导入SpringMVC需要的jar包. 2.添加Web.xml配置文件中关于Spring ...

  10. react-native 自定义 下拉刷新 / 上拉加载更多 组件

    1.封装 Scroller 组件 /** * 下拉刷新/上拉加载更多 组件(Scroller) */ import React, {Component} from 'react'; import { ...