分类：前端

在css中，可以使用scoped属性来设置作用域；当style标签有scoped属性时，它的CSS只作用于当前组件中的元素。不过一个子组件的根节点会同时受到其父作用域的CSS和子组件有作用域的CSS的影响。本教程操作环境：windows7系

分类：前端

保存css样式的方法：1、内联样式需要在浏览器中点击右键-查看网页源码，复制style标签中的内容保存；2、外部样式需要按下f12打开开发者工具，选择source面板，找到相应的css文件，右键保存。本教程操作环境：windows7系统、C

分类：前端

方式有：1、通过node.style.cssText="css表达式1；css表达式2；css表达式3"的方式；2、先在CSS样式表中对特定的类设置样式，再通过node.classname="类名"对类的样式设置附加到该node节点上来。本

分类：前端

css样式不起作用的原因有：1、html标签没写完整，漏了“<”或者”>”等；2、样式被层叠了；3、CSS语法出现错误；4、样式表保存的编码错误。本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。一、htm

分类：前端

方法：1、使用编辑工具打开CSS文件，将url全部替换成 “<a href=""”，“)”全部替换成“>”，进行保存。2、将CSS文件后缀名改成.html。3、打开改名后的CSS文件，在页面中点击右键，使用下载工具选中链接下载即可。本教程操

分类：前端

在css中，文本域的语法格式为“<textarea>文本内容</textarea>”。该标签定义多行的文本输入控件，文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体。本教程操作环境：windows7系统、CSS3&&HTML5版

分类：前端

在css中，可以利用transform属性实现元素旋转，当值设置为“rotate(角度)”可实现2D旋转；值为“rotateX(角度)”可沿着X轴旋转，“rotateY(角度)”可沿着Y轴旋转，“rotateZ(角度)”可沿着Z轴旋转。本教

分类：前端

本篇文章将分享一些大家未必知道且超级实用的纯CSS布局排版技巧，实现一些常见或特殊的布局排版。开发每一张网页都离不开布局排版，基于良好布局排版打下基础，才能使后续的开发更顺利。当然不能停留在IExplorer时代那种局限思维上，没办法解决的

分类：前端

在css中，可以使用padding添加第二个边框，只需要在图片元素中添加“border:边框大小 solid 颜色;padding:像素大小;”。可以把img标签看作一个能够容纳图片的容器，能够为它设置内边距。本教程操作环境：windows

分类：前端

在css中，可以使用border-radius属性将div设置为圆的，只需要给div元素添加“border-radius:50%”样式即可。这个属性允许你为元素添加圆角边框，圆角的半径不能超过宽/高的一半。本教程操作环境：windows7系

分类：前端

在css中，可以利用z-index属性来设置层级，该属性可以设置元素的堆叠顺序，拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面；语法格式“z-index:数值;”，允许使用负值。本教程操作环境：windows7系统、CSS3&&H

分类：前端

本篇文章带大家了解一下CSS中的选择器，介绍一下简单选择器、复合选择器、复杂选择器的语法，选择器优先级。选择器语法我们先了解一下选择器的语法，然后深入了解背后相关的特性。简单选择器星号 —— * 通用选择器，可以选择任何的元素类型选择器

分类：前端

css写法优化：1、层级嵌套不能太深，一般不超过4层；2、避免使用元素选择器，不利于后期修改；3、避免使用群组选择器，可以提取一个公用类，定义同一样式，更加方便；4、减少文件引入的数量，内容显示要有优先顺序。本教程操作环境：windows7

分类：前端

css中可使用linear-gradient()或radial-gradient()渐变函数配合rgba()来设置不透明度渐变。linear-gradient()和radial-gradient()可设置渐变，而rgba()可控制不透明度。

分类：前端

不生效的原因：其父元素没有确定高度，则无法有效使用“height:XX%”的样式。解决方法：给父元素使用height属性设置一个确定的高度，这样子元素高度设置百分比就可以生效。本教程操作环境：windows7系统、CSS3&&HTML5版、

分类：前端

加载css文件的方法：1、使用“<link rel="stylesheet" type="text/css" href="css文件路径" />”语句加载；2、使用“@import url("css文件路径");”语句加载。本教程操作环境：

分类：前端

css中，可以利用background和background-blend-mode属性来设置背景图片颜色，语法格式“background: url(背景图片路径), 颜色值;background-blend-mode: lighten;”。

分类：前端

css实现心形的方法：首先利用“border-radius:100%”样式画两个正圆；然后进行定位，将两个圆重合一部分；接着画一个正方形，进行定位，将正方形与两个圆重合一部分，形成一个倾斜的心形；最后使用transform样式调整爱心角度。

分类：前端

方法：1、两个盒子元素都设置“dislpay:inline-block”；2、两个盒子元素设置浮动；3、左侧定宽元素浮动，右侧元素设置margin-left，且值大于定宽元素的宽度；4、浮动+BFC；5、绝对定位+margin-left等。

分类：前端

css中可利用text-decoration属性来添加下划线效果，只需要给元素设置“text-decoration:underline”样式即可。text-decoration指定添加到文本的修饰，值underline可定义文本下的一条线。