块级元素(block-level)和行内元素(inline-level) (1)差异： 块级元素能包含行内元素和块级元素，行内元素只能包含行内元素和文本内容 块级元素可以占据一整行，行内元素只能占据内容的宽度 块级元素可以设置宽高margin，padding，行内元素不能设置宽高，设置上下margi ...
分类：
Web程序 时间：
2020-05-31 00:44:40
阅读次数：
138
从零开始的前端生活--css基础(盒子模型、height:100%) 4个盒子 当我们声明一个div，并赋予它的宽高为200*200px，padding为20px，margin也为20px，border为1px <div class = "container"></div> .container { ...
分类：
Web程序 时间：
2020-05-30 22:10:18
阅读次数：
135
标准文档流 标准文档流，指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式。前面的内容发生了变化，后面的内容位置也会随着发生变化。 HTML就是一种标准文档流文件。 微观现象 1. 空白折叠现象 2. 文字类的元素如果排在一行会出现一种高低不齐、底边对齐的效果 3. 自动换行， ...
分类：
Web程序 时间：
2020-05-30 10:34:39
阅读次数：
94
CSS盒模型 CSS盒模型本质上是一个盒子，封装周围的 HTML 元素，包括 外边距（marign），边框（border），填充（padding），内容物（content） 盒子模型的类型：W3C 标准和模型和 IE 盒模型（怪异盒模型） W3C 标准盒模型：属性 width 和 height 只包 ...
分类：
Web程序 时间：
2020-05-30 01:15:24
阅读次数：
68
原生JS版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文字上下无缝轮播</title> </head> <style> * { margin: 0; padding: 0; } #container{ ...
分类：
Web程序 时间：
2020-05-29 21:42:57
阅读次数：
87
<divclass="layui-card-body"style="padding:0;"><divclass="layui-tablayui-tab-card"style="margin:0"lay-filter="myTaskTabs"><ulclass="layui-tab-title"><liclass="layui-this">待处理<
分类：
其他好文 时间：
2020-05-29 10:13:50
阅读次数：
57
<template> <div class="casehistory"> <jzrlist :isup="isup" :lastOrder="lastOrder" :djs="djs" @getjzrinfo="getjzrinfo"></jzrlist> <div class="classCase ...
分类：
其他好文 时间：
2020-05-28 19:57:09
阅读次数：
107
使用css3绘制任意角度扇形 效果： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale ...
分类：
Web程序 时间：
2020-05-28 19:41:01
阅读次数：
259
首先新建一个Input.vue组件 1 <template> 2 <div class="selectWrap"> 3 <div class="select-wrapper"> 4 <div class="select" @click = "triggerOption"> 5 <div class= ...
分类：
其他好文 时间：
2020-05-28 19:40:34
阅读次数：
70
今天带大家快速理解盒子模型，直接上代码：<!doctypehtml><html><head><metacharset="utf-8"/><title>css盒子</title><metaname="keywords"content="关键词,关键词"/><metaname="description"conte
分类：
其他好文 时间：
2020-05-28 18:15:33
阅读次数：
54
