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;/*...
宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋_GB2312 FangSong_GB2312 楷体_GB2312 KaiTi_GB2312宋体：SimSuncss中中文字体（font-family）的英文名称 Mac OS的一些： 华文细黑：STHeiti Light [STXihei] 华文黑体：STHeiti 华文楷体：STKaiti 华文宋体：STSong 华文仿宋：STFangsong 儷黑 P...
我想很多在前端学习或者开发过程中，肯定会遇到如何让你的元素居中的问题，网上google肯定会有很多的解决方法。今天我就个人的项目与学习经验谈谈个人理解css如何让元素居中。要理解css的居中，首先必须理解css的元素分类以及css的盒模型(box model)。a. 元素分类。在css中把元素分为块级元素、内联元素以及内联块级元素。块级元素最明显的特征就是: { display: block; } 。块级元素独占一行，默认情况元素的width默认为100%，但可...
js写css（）方法，记得加引号“ ”，除非是数字。如：$("#android").css({ "position": "absolute", "z-index": 3, "background": "rgba(90,100,100,0.5)" }原文：http://www.cnblogs.com/zyjzz/p/6973453.html
阅读目录一 什么是CSS二 为何要用CSS三 如何使用CSS一 什么是CSSCSS全称Cascading Style Sheet层叠样式表，是专用用来为HTML标签添加样式的。样式指的是HTML标签的显示效果，比如换行、宽高、颜色等等层叠属于CSS的三大特性之一，我们将在后续内容中介绍表指的是我们可以将样式统一收集起来写在一个地方或者一个CSS文件里二 为何要用CSS在没有CSS之前，我们想要修改HTML标签的样式则需要为每个HTML标签单独定义样式属性，如下<!DOC...
h‘t‘m‘l中用到css样式有三种方式：1、在header中增加style标签，在style标签中写2、用link标签引用css样式文件3、在需要使用css样式的标签添加style属性一、在header中的style定义header中定义标签样式，是通过选择器来和对应的标签关联的1、id选择器一个html页面中，id是不能重复的。效果如下：2、class选择器class选择器以.定位，一个html文件中可以有相同的class.定义了css样式以后，该class对应的所有标签都适用此css效果如...
CssSelector是我最喜欢的元素定位方法，Selenium官网的Document里极力推荐使用CSS locator，而不是XPath来定位元素，原因是CSS locator比XPath locator速度快，特别是在IE下面（IE没有自己的XPath 解析器(Parser)）他比xpath更高效更准确更易编写，美中不足是根据页面文字时略有缺陷没有xpath直接。因为前端开发人员就是用CSS Selector设置页面上每一个元素的样式，无论那个元素的位置有多复杂，他们能定位到，那我们使用CSS Selec...