###前言上篇文章主要讲述了CSS样式更改中的2D转换，这篇文章我们来介绍下CSS样式更改中的过渡、动画基础用法。####1.过渡元素从一种样式逐渐改变为另一种的样式div{transition:width1s;-moz-transition:width1s;/*Firefox4*/-webkit-transition:width1s;/*Safari和Chrome*/-o-transition:
分类：
Web程序 时间：
2020-09-17 23:37:08
阅读次数：
47
现代Web应用对图像的需求量很大，它们占据网络下载的大部分字节。通过优化它们，你可以更好地利用它们的性能。如果你碰巧使用几何图形作为背景图像，有一个替代方案：你可以使用CSS Paint API以编程方式生成背景。 在本教程中，我们将探讨其功能，并探讨如何使用它来动态创建与分辨率无关的动态背景。 设 ...
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document */ /** * 1. Correct the line height in all browsers. * 2. Pre ...
分类：
Web程序 时间：
2020-09-17 23:02:06
阅读次数：
32
###前言上篇文章主要讲述了CSS样式更改中的裁剪、Z-Index、清除、改变元素的特性基础知识，这篇文章我们来介绍下CSS样式更改中2D转换的基础用法。###2D转换1).元素位移translate(左边,顶边)div{transform:translate(50px,100px);-ms-transform:translate(50px,100px);/*IE9*/-webkit-transf
分类：
Web程序 时间：
2020-09-17 22:35:40
阅读次数：
44
一、CSS简介 CSS(Cascading Style Sheets) ：层叠样式表，定义如何显示 HTML 元素。 CSS样式由选择器、声明组成，而声明又由属性和值组成，如下所示： 选择器：指明网页中要应用样式规则的元素，如本例中是将所有的端（p）的文字变成蓝色，而其他元素不会受到影响。 声明：在 ...
分类：
Web程序 时间：
2020-09-17 22:29:13
阅读次数：
31
1.css样式规则： 选择器：属性：属性值 css样式表: 行内式 <h2 style="font-size: 30px;color: blue;">使用css行内式修饰</h2> 内嵌式 <style> h1{ color: aqua;/*内嵌式*/ font-size: 50px; } </st ...
分类：
Web程序 时间：
2020-09-17 22:26:27
阅读次数：
40
WEB前端大家并不陌生，现在各大企业的it部门都离不开前端工程师这个职位，越来越多的人择业选择前端行业，但初学者对前端行业还是很陌生的，不知道从哪里开始学
分类：
Web程序 时间：
2020-09-17 22:05:31
阅读次数：
38
本节我们学习 Less 中的嵌套，嵌套应该很容易理解，html 语言中就支持标签的嵌套。我们在使用 css 时，如果想要为多层嵌套的元素设置样式，要么给元素加上一个类选择器或ID选择器，要么使用后代选择器。例如： .xkd{ font-size: 14px; } .xkd p{ line-heigh ...
分类：
其他好文 时间：
2020-09-17 21:51:58
阅读次数：
32
layUI的分页样式大多是这样的： 可能跟我们的项目不是很搭，比如这样风格的页面: ，那么我们就需要修改一下分页的样式去搭配整体风格，你可以另外写一个css文件去重新写样式以覆盖layui的css,分页的样式在这块 .layui-laypage a,.layui-laypage span { dis ...
分类：
其他好文 时间：
2020-09-17 20:56:20
阅读次数：
116
前言上篇文章主要介绍了CSS样式更改篇中的列表、表格和轮廓，这篇文章主要介绍CSS样式更改中框模型、定位、浮动、溢出基础知识。1.框模型BorderModel从上图可以得知，如果把一个网页比作一个方框，那么borderpaddingmargin所扮演的角色。通过通用选择器，可以设置所有的元素的borderpaddingmargin初始值为0：*{margin:0;padding:0;border:
分类：
Web程序 时间：
2020-09-17 20:07:14
阅读次数：
44
