基本的CSS样式编写时，很多样式只需输入首字母即可得到不带属性值的CSS样式，像上面说到的margin。 1、而对于一些带有特定的属性值的CSS样式，只需输入CSS标签与属性值的首字母就可以，比如： fl → float: left; 2、而在编写这些CSS样式时，有很多是我们想好的写法，但生成的不 ...
分类：
Web程序 时间：
2020-09-21 11:36:46
阅读次数：
64
一，什么scoped？ 在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，也就是说，该样式只能适用于当前组件元素。通过该属性，可以使得组件之间的样式不互相污染。如果一个项目中的所有style标签全部加上 ...
分类：
Web程序 时间：
2020-09-18 17:23:27
阅读次数：
71
###前言上篇文章主要讲述了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
###前言上篇文章主要讲述了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
前言上篇文章主要介绍了CSS样式更改篇中的列表、表格和轮廓，这篇文章主要介绍CSS样式更改中框模型、定位、浮动、溢出基础知识。1.框模型BorderModel从上图可以得知，如果把一个网页比作一个方框，那么borderpaddingmargin所扮演的角色。通过通用选择器，可以设置所有的元素的borderpaddingmargin初始值为0：*{margin:0;padding:0;border:
分类：
Web程序 时间：
2020-09-17 20:07:14
阅读次数：
44
CSS只层叠样式表CSS样式是表现，改变网页的呈现效果。 CSS内部样式（使用<style></style>标签在文档<head></head>里面定义内部样式表）： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti ...
分类：
其他好文 时间：
2020-09-17 16:37:42
阅读次数：
23
所有HTML标签都是盒子模型 div标签自定义盒子模型 class和id的主要差别是：class用于元素组（类似的元素，或者可以理解为某一类元素），而id用于标识单独的唯一的元素。 盒子模型组成部分： 自身内容：width、height 宽高内边距： padding盒子边框： border 边框线与 ...
分类：
Web程序 时间：
2020-09-17 16:35:58
阅读次数：
44
