html css回顾总结】的更多相关文章

目标: <!DOCTYPE html> <meta charset=utf-8> <html> <head> <title>alibaba</title> <style type="text/css"> .main{ margin: 5px; overflow: hidden; /* border: 1px solid #000;*/ } .column{ border: 1px solid #000;…
一.margin的塌陷解决: BFC (block format context)块级格式化上下文格式 display:inline-block float:left / right overflow: hidden position: absolute 二.float 1.浮动元素产生了浮动流 2.所有产生了浮动流的元素,块级元素看不到他们,产生了BFC的元素和文本类属性(inline)的元素以及文本都能看到浮动元素,有点类似于叠层 3.清除浮动流 1.div{clear:both} 2.伪元…
元素分类: 1.行级元素:内联元素  inline 特征:内容决定元素所占位置,不可以通过CSS改变宽高 span  strong   em  a  del 2.块级元素:block特征:独占一行,可以通过CSS改变宽高 div  p  ul  li  ol  form   address 3.行级块元素:inline-block 特征:内容决定大小,可以改变宽高 选择器类型(通用的,没写那些伪类): 父子选择器(派生选择器) <div> <em></em> </…
//html基本结构<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible…
CSS回顾 在学CSS3之前首先巩固下CSS的基础知识. 1.CSS框模型 举例子: #box { width: 70px; margin: 10px; padding: 5px; } 这个代码将出现的效果是: 2.CSS定位与浮动 1)定位: 属性 描述  position 把元素放到一个静态的(static:元素框正常生成),相对的(relative:元素框偏移某个距离[相对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置]),绝对的(absolute:元素框从…
  在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像的设置在后续介绍到各种图绘制时介绍). 这里所说的文本是指在使用matplotlib作图过程中通过代码的方式往图中添加的各种文字,包括figure标题.axes标题.坐标轴标签.坐标轴刻度标签.注释.普通文本等.轴设置指的是对与坐标轴相关的的元素的设置,例如显示范围.刻度.刻度标签等. In [1]…
1.css选择器分类: id选择器,类选择器,通用选择器, 包含(后代)选择器——加入空格,用于选择指定标签元素下的后辈元素. 子选择器(大于符号)——用于指定标签元素的第一代子元素. 伪类选择器——允许给html中不存在的标签(标签的某种状态)设置样式,like:a:hover 分组选择器——用逗号隔开,为多个标签设置同一个样式时. 2.css的继承,层叠,特殊性 继承:设置给某一标签的样式会被继承到该标签元素的子元素 特殊性:浏览器根据权值来判断使用哪种css样式,权值高就使用哪种css样式…
昨天内容回顾     1.html的操作思想         ** 使用标签把要操作的数据包起来,通过修改标签的属性值来实现标签内数据样式的变化         *** <font size="5"></font>     2.图像标签         <img src="图片的路径"/>         ** 通过html访问本地图片,使用绝对路径,目前有问题     3.超链接标签         <a href=&qu…
前端知识点回顾篇--是我当初刚转行为了面试而将自己学过的前端知识整理成的一份笔记,个人目的性很强,仅供参考. doctype 有什么用 doctype是一种标准通用标记语言的文档类型声明,目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义(DTD)来解析文档. 浏览器本身分为两种模式,一种是标准模式,一种是怪异模式(混杂模式),浏览器通过doctype来区分这两种模式,doctype在html中的作用就是触发浏览器的标准模式,如果html中省略了doctype,浏览器就会进入到Quirk…
CSS作业问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> /* 1.CSS重复使用 <style> .c{ 共有 } .c1{ 独有1 } .c2{ 独有2 } </style> <div…