技巧

markdown 见 我的收藏     主要是对网页在线编辑的简单化，出去复杂操作，详细可见下图

markdown

支持特殊的定义（语法），使得显示可以变化

代码高亮    色调变化 ，类似ide中关键字类型不同，颜色不同

html  css 样式加载    ，@import 方式是在 网页完全加载完以后加载样式   link 是一起加载

class=tt rr  按样式在代码内的先后顺序，后面覆盖前面    可以以前面的名称为基类，后面的后者做多重修改（属性值是不同的，基本的东西同） 等价的变量名，只比较代码顺序，这样方便写基于基类的代码  主要目的，添加多个样式，若重复，则依代码顺序

块级元素 p不能嵌套 块级元素   特例  h1,h2,h3,h4,h5  ,p,dt 不能包含块级元素

E,F   同时匹配   E F （子孙）后代标签  E>F 子代标签  E+F （兄弟）邻标签

body 标签margin  去除外间距，保证图片接触最边上

上下margin  以大的为主，会重合，左右无这种情况 父子边界，子有margin ，寻找边界，往上走，寻找父边界，直至寻找到（最上层 html）。父集可以设置边界情况

css 层叠样式表   float   该元素相当在新建层（脱离文档流），规则一致，强调浮、飘，依次顺序（文档流）---块级元素一行显示（默认），也可以利用clear参数 去除浮动对象  clear:left 左边不要浮动对象

每个块级元素只能负责自己的情况，比如2规定左右无， 管不住下一个块级元素

positio 强调定位    左移右移 定位，

relative    不脱离文档流   相对于原块的移动  

absolute   脱离文档流 （新建一层，然后后续依次排上来）  ，位置  递归往上找第一个位置标准   （寻找定义position位置，最后寻找至html），依据于上级第一个定义这个属性的模块盒子

static 默认文档流，无left等位置，正常放

fixed 永远在页面的某个坐标位置

line-height相当于给予每行设定大小的格式输出  文本输出分为上 内容 下 ，内容+下+上组成了文本间距 也就是line-height,且处于文本居中位置

两个块级元素输出 中间有字体大小的区间，如没有，则显示不出和一段话的差异

class 可重，id不可 ，定义模板，复用class

background-position  规定图片的起始地址，只截取部分图片 

display:block

block元素会独占一行，多个block元素会各自新起一行。默认情况下，block元素宽度自动填满其父元素宽度。

block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。

block元素可以设置margin和padding属性。

display:inline

inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新换一行，其宽度随元素的内容而变化。

inline元素设置width,height属性无效。

inline元素的margin和padding属性，水平方向的padding-left, padding-right,

margin-left, margin-right都产生边距效果；但竖直方向的padding-top, padding-bottom,

margin-top, margin-bottom不会产生边距效果。

display:inline-block

简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link（a元素）inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性

z-index    元素堆叠顺序  优先级设置，多div同一位置显示 例如登录窗口和整个页面

clearfix 

hover 

visiable

important   下面覆盖不了上面的样式

solid  实线，定义线的格式

四种方式中的两种用于同一个页面后，就会出现优先级的问题.四种样式的优先级别是(从高至低)：行内样式<p style>、内嵌样式   .p{}、链接样式<link>、导入样式     @import url()。

导入样式

1