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{}、链接样式、导入样式 @import url()。
1