1.在form表单中: method是提交方式      arction路径提交地址

2.web标准,即网站标准,它不是一个标准而是W3C制定的一系列标准的集合,主要由:结构、表现和行为三大标准组成。

以上提及web标准有三部分:结构、表现及行为,资深的重构师一般都会推荐将这三种标准分离,这是他们的经验,他们的告诫是将三者分离的重构模式会让网站更易于维护及扩展。

以上所说的‘分离’是指,结构、表现及行为,三者各自负责分内工作,用业界的专业术语应该叫做解耦合,

即结构完全由HTML/XHTML负责,表现完全由CSS负责,行为完全由脚本语言负责,三者最好的结合模式就是功能不重叠。

3.z-index:CSS中有position属性值为absolute、relative或fixed,用z-index此取值方可生效。属性参数值越大,则被层叠在最上面。

4.  static:默认值,没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。

     relative:生成相对定位的元素,相对于其正常位置进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

   fixed:元素框的表现类似于将 position 设置为 absolute,不过其包含块是视窗本身。

   absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

5.float的三个特征:(行类元素浮动后会自动变成块级元素)

    脱离文档流        包裹性        父级高度塌陷

6. 给一个元素设置margin-left值,在水平方向排列,两个元素之间的margin值会增大

  给一个元素设置margintop/buttom值,垂直排列,两个元素之间的margin值会重叠,故取大值为两个元素之间的margin值

7.如何计算RGB的16进制:

正常的 RGB 颜色的有效范围,是从 0 到 16,777,215 (0xFFFFFF)。每个数段都是两位十六进制数,即从 00 到 FF。

     例如:rgb(0,255,255)转16进制,

  先分别转0(10)=00(16),255(10)=FF(16),255(10)=FF(16),组合得到#00FFFF。     又如rgb(255,0,0),先转换255(10)=FF,0(10)=00(16),0(10)=00(16),再组合得到#FF0000。

8.BFC 定义:

BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干

BFC布局规则:

  1. 内部的Box会在垂直方向,一个接一个地放置。
  2. Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠
  3. 每个元素的margin box的左边, 与包含块border box的左边相接触(对于从左往右的格式化,否则相反)。即使存在浮动也是如此。
  4. BFC的区域不会与float box重叠。
  5. BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。反之也如此。
  6. 计算BFC的高度时,浮动元素也参与计算

哪些元素会生成BFC:

  1. 根元素
  2. float属性不为none
  3. position为absolute或fixed
  4. display为inline-block, table-cell, table-caption, flex, inline-flex
  5. overflow不为visible
 

 
  

转载于:https://www.cnblogs.com/lingzi940924/p/6784568.html

CSS 部分知识点 总结相关推荐

  1. css 小知识点:inline/inline-block/line-height

    inline: 此元素会被显示为内联元素,元素前后没有换行符.因此:无法设置宽度和高度- inline-block: 行内块元素.元素前后没有换行符(CSS2.1 新增的值) 用通俗的话讲,就是不独占 ...

  2. CSS相关知识点:6种清除浮动和BFC

    文章目录 CSS相关知识点:6种清除浮动和BFC 一.6种清除浮动 1.场景 2.原因 3.清除浮动 (1).给父级设置对应的高度 (2).给父级增加定位absolute (3).将父级也设计成浮动 ...

  3. 【重识 HTML + CSS】知识点目录

    重识 HTML + CSS 前言 基本 HTML 标签 基本 CSS 属性 CSS 选择器 CSS 特性 HTML 列表.表格.表单 HTML 元素类型 盒子模型相关知识点 Photoshop 简单使 ...

  4. 前端css基础知识点之PC端项目-规范

    前端css基础知识点之PC端项目-规范 1 文件管理 文件名用英文命名 css文件夹 reset.css(常用的浏览器样式) public.css(公共的样式.比如页面的头部尾部.重复使用字体.字号等 ...

  5. HTML+CSS自用知识点(第四周)

    HTML+CSS自用知识点 拨云见日篇(续) 三十五.CSS定位 1.relative的相对定位 1.position 2.relative 2.absolute绝对定位 3.fixed固定定位 4. ...

  6. 前端css基础知识点之opacity——透明度

    前端css基础知识点之opacity--透明度 opacity opacity:num /*num 0到1*/ 兼容性 ie9及以上和标准浏览器都支持 特点 设置opacity的元素的所有后代会一起具 ...

  7. 一文梳理总结HTML+CSS琐碎知识点 快速上手前端开发

    一文梳理总结HTML+CSS琐碎知识点 1 前端三要素 2 HTML 2.1 HTML骨架 2.2 HTML标签的基本概念 2.3 HTML基础标签 2.4 HTML高级标签 2.4.1 列表 2.4 ...

  8. 前端css基础知识点之sprite——雪碧(精灵)

    前端css基础知识点之sprite--雪碧(精灵) css sprite css精灵或css雪碧 把网页中一些背景图片整合到一个大文件中,然后利用 background-image.backgroun ...

  9. CSS重要知识点汇总

    CSS重要知识点汇总 本文通过对w3school的CSS基础教程,整理出比较常见的却又容易遗忘或者忽略的CSS相关知识点.本文的标题顺序与w3school中的CSS基础教程标题顺序保持一致.适合翻阅和 ...

  10. 105道CSS 面试知识点总结

    来源 | https://github.com/CavsZhouyou/Front-End-Interview-Notebook/blob/master/Css/Css.md 本部分主要是笔者在复习 ...

最新文章

  1. linux使用线程实现生产者消费者问题,Linux平台下线程同步,实现“生产者消费者问题”...
  2. 聊城中考计算机试题及答案,初中微机模拟考试试题(word版).doc
  3. Elasticsearch 参考指南(重要的系统配置)
  4. c# 字典按ascii 排序_sort命令-将文件进行排序并输出
  5. php call_user_func和,php – call_user_func()和$var()之间有区别吗?
  6. java面向对象编程知识点总结
  7. Android开发学习笔记(二)——编译和运行原理(2)
  8. ping github超时问题
  9. LeetCode 948. 令牌放置(贪心)
  10. 基于 Java Web 的毕业设计选题管理平台--选题报告与需求规格说明书
  11. 断电,软件崩溃,系统中毒,未点击保存,就关闭导致资料丢失,以word文件文件为例,如何找回
  12. Python编程常见出错信息及原因分析(5):安装扩展库
  13. 7.携程架构实践 --- IaaS & PaaS
  14. android软键盘控制
  15. XP系统无法远程桌面
  16. 机器学习---黑箱原理
  17. flask-SQLAlchemy数据库密码加密
  18. 分分搞懂c#中的委托
  19. 银河麒麟桌面V10SP1版本系统休眠唤醒鼠标键盘失效解决方法
  20. “GANs之父”Goodfellow 38分钟视频亲授:如何完善生成对抗网络?(上)

热门文章

  1. 使用JSONP解决同源限制问题
  2. android交互xml代码,Unity 与Android的交互(Android studio)
  3. iOS应用程序瘦身的静态库解决方案
  4. Bootstrap入门学习(三)——简单项目
  5. spring 容器的 profile 功能
  6. SQL Server 阻止组件 xp_cmdshell
  7. Giter8 -- 把项目布局模板放到 GitHub 上
  8. 创业团队吸贤大法,如何设计完美的员工股权激励计划?
  9. 跨地域为同事广播幻灯片
  10. 第一次接触WebSocket遇到的坑以及感受