<html><head><title>element-ui demo</title><meta charset="UTF-8"><!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"></head><body><div id="app"><el-row class="tac"><el-col><el-menu class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose"><menutree :data="menu_data"></menutree></el-menu></el-col> </el-row></div><template id="m...
前言: 前端无非就是围绕标签、属性、属性值这三个词展开的.*HTML基本语法: 1. 常规标签 <标签 属性1="属性值1" 属性2="属性值2"></标签> # 一个标签可以没有属性也可以有多个属性, 属性和属性之间不分先后顺序. 2. 空标签 <标签 属性1="属性值1" 属性2="属性值2" /> # 空标签没有结束标签, 用"/"代替.*HTML标题: <h1>这是一个标题</h1> 最重要的(字体最大) <h2>这是一个标题</h...
CSS3 边框：border-radius（倒圆角）box-shadow （盒子阴影）border-image （边界图片）CSS3 背景：background-size（属性规定背景图片的尺寸。）background-origin（属性规定背景图片的定位区域。背景图片可以放置于 content-box、padding-box 或 border-box 区域）CSS3 文本效果：text-shadow（可向文本应用阴影，可以设置水平阴影、垂直阴影、模糊距离，以及阴影的颜色）word-wrap（word-wrap 属性允许您允许文本强制文本进行换...
position_fixed固定在某一个页面上<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>.pg_head{height: 60px;background-color: black;color: white;position: fixed;/*position头部固定*/top :0;left:0;right:0;}.pg_body{background-color:#dddddd;height: 5000px;margin-top: 20px;}</style></head><body><!--position fixed--><div class="pg_head"> 头部</div><div class="pg_body">内...
CSS基础1.全称：Cascading Style Sheets，中文名，层叠样式表，级联样式表。能做到网页表现和内容的一种分离设计的语言。能对对象的位置有像素级的精确控制。拥有对对向和模型模式样式编辑的能力，并且能进行初步的交互设计。CSS的加载浏览器默认样式用户自定义样式作者定义样式选择器id选择器#+id名称id 是唯一的类选择器.+class名称class 不唯一，可以有多个元素选择器元素：值属性选择器元素名称+[属性名称：值]：值伪类选择器获...
1. 边框（圆角边框、加阴影和用图片绘制）新增加 border-radius box-shadow border-image.div1{ border:2px solid purple; border-radius: 25px; -moz-border-radius:25px;(火狐老版本) width:600px; height:300px; box-shadow:10px 10px 5px #888888; -webkit-border-image: url(border.png) 2 2 round;（chrome）}2.背景新增加 background-size background-origin background-clip.div1{ bord...
CSS3，html5：各种属性，有酷炫的效果兼容性问题：政府大多数政府机构都是用的IE6.7，所以很多时候要兼容IE6.7，IE连PNG格式都不支持margin：本身有兼容性问题，在其他地方可能有问题padding：内边距还好一些APP端只有一个兼容性问题，屏幕，要自适应屏幕两种方法：（腾讯的autoSize,js）（metaholder.js 连rem都可以不用，用px都可以）手机端只有屏幕兼容性问题，所以常用CSS3，html5CSS3扩展：浏览器有兼容性问题，有些可以在浏览...
在默认情况下，点击 a 标签，input，或者添加click事件的时候，浏览器留下一个轮廓外框（chrome之下为蓝色）~ 然而这些默认的轮廓外框，有时候很影响美观，并不是我们想保留的。 我们应如何消除这些讨厌的 轮廓外框呢？使用outline:none去除轮廓外框如：a{ outline:none; }PC端轮廓外框消失了，然而发现在手机上依然存在~~这时候添加如下代码便可a{outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); } -webkit-tap-highli...
1.解释一下display的几个常用的属性值，inline ， block， inline-blockinline（行内元素）:使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行. 不能更改元素的height，width的值，大小由内容撑开. 可以使用padding上下左右都有效，margin只有left和right产生边距效果，但是top和bottom就不行.block（块级元素）:使元素变成块级元素，独占一行，在不设置自己的宽度的情况下，块级元素会默认填满...
都有的样式 .meeting-date {/* height: 60px; */display: flex;flex-direction: column;justify-content: center;border-bottom: 1px solid rgba(254,254,254, 0.2);padding:10px 0 ;}最后一个样式： .meeting-date:last-child {border-bottom:0; }原文：https://www.cnblogs.com/guangzhou11/p/12160513.html
水平居中行内或类行内元素（比如文本和链接）在块级父容器中让行内元素居中，只需使用 text-align: center;这种方法可以让 styple="display:inline/inline-block/inline-table/inline/flex ”等类型的元素实现居中。块级元素让块级元素居中的方法就是设置 margin-left 和 margin-right 为 auto或 margin：0 auto（前提是已经为元素设置了适当的 width 宽度，否则块级元素的宽度会被拉伸为父级容器的宽度）。多个块级元素如果要让多...
原文：http://www.cnblogs.com/1111duguxiaoyu/p/6225266.html
一：基本概念1、字面意思是摇树，一句话：项目中没有使用的代码会在打包时候丢掉。分为css的tree shaking和js的tree shaking。2、使用场景：1）常规优化。2）使用第三方库，但是只使用了部分功能。二：JS tree shaking在webpack4中已经移除了UglifyJsPlugin，只需要配置mode为"production"，即可显式激活 UglifyjsWebpackPlugin 插件。下面说的是webpack3.10.0的实现方法：（1）常规业务的tree shaking1、webpack.config.js配置con...
div+css设置列表div超出部分显示...（单行文本）width:200px; //指定宽度： overflow:hidden; //将超出内容隐藏 text-overflow:ellipsis; //文本溢出时显示省略标记。 white-space:nowrap; //强制内容不换行。强制在同一行内显示所有文本，直到文本结束或者遭遇 br 元素现在的浏览器都支持text-overflow:ellipsis属性，用来实现单行文本的溢出显示省略号，但是这个属性并不支持多行文本。多行文本处理，来源于http://c7sky.com/tex...
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style>*{margin: 0px;/*盒子外边距*/padding: 0px;/*盒子内边距*/}.NavigatorView {width: 100%;height: 50px;background-color:cadetblue;}.NavigatorView div{height: 50px;width: 80%;margin-left: 17%;margin-right: 17%;}.NavigatorView div ul {list-style-type: none;/*去掉ul的无标号的 点， 即 无标记 */}.NavigatorView div ul li {float: left;/*...