第一种直接在属性标签后添加CSS代码,可读性差,不推荐使用. 第二种引入方式,在<head>部分以<style></style>方式想要修改的标签名加大括号,设置属性. 第三种引入方式,通过自闭和标签<link hrel=" 文件名.css" rel="stylesheet">引入(css代码写到单 ...
分类:
Web程序 时间:
2018-05-15 00:29:53
阅读次数:
238
Atom编辑器安装 Atom 编辑器使用扩展插件 Atom - Emmet插件的使用详解(HTML/CSS代码自动补全) 第一部分 React简介 ...
分类:
其他好文 时间:
2018-05-12 12:47:23
阅读次数:
161
很常见的问题,也有许多人写过类似的文章,自己写来记录下 css代码如下: dom结构如下: 效果如下: 需要注意的是: 1、label需要写在 input 后面,因为 label 的样式是根据input设置的 2、隐藏ijnput的时候不要使用 display:none ,因为这样会把它从键盘 ta ...
分类:
Web程序 时间:
2018-05-11 17:17:41
阅读次数:
231
目录 准备工作: 确认你的博客有js权限,可以设计界面风格。这个需要跟管理员申请。 方法一:在正文上方直接添加目录 1.把下面的脚本添加到博客后台设置里的“页脚html代码”里头: 2.备注: 方法二:在文章右上角添加目录导航 1. 添加css代码到“页面定制CSS代码” 2. 添加js脚本到“页首 ...
分类:
其他好文 时间:
2018-05-10 19:33:51
阅读次数:
358
一、Emmet的安装与介绍 Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的工具,能够实现 HTML、CSS 的快速编写。 官网地址:http://emmet.io/ 官方文档:http://docs.emmet.io/cheat-sheet/ Atom的emmet介绍 ...
分类:
Web程序 时间:
2018-05-09 21:08:43
阅读次数:
678
方法一是自己想出来的,方法二来自忘记哪里看到的了 不知道是不是你要的效果: 方法一:利用input[type="radio"] css代码: html: vue实例: 方法二:利用数组(把每一行当做数组第几个位置eg:a[1]相当于这个数组里的1,每行内选择的元素的索引为数组对应位置的元素值eg:a ...
分类:
其他好文 时间:
2018-05-09 15:07:14
阅读次数:
645
1.只读与可写getComputedStyle方法是只读的,只能获取样式,不能设置;而element.style能读能写,能屈能伸。2.获取的对象范围getComputedStyle方法获取的是最终应用在元素上的所有CSS属性对象(即使没有CSS代码,也会把默认的祖宗八代都显示出来);而element.style只能获取元素style属性中的CSS样式。因此对于一个光秃秃的元素<p>,
分类:
其他好文 时间:
2018-05-07 21:01:46
阅读次数:
133
首先附带HTML代码 接着附带box为公共样式 第一种方法box1:display: table-cell; 兼容ie8及以上。适用于文字与图片 css代码如下: 第二种方法box2:display: flex; 兼容ie10及以上。适用于文字与图片 css代码如下: 第三种方法box3:绝对定位和 ...
分类:
其他好文 时间:
2018-05-07 17:45:16
阅读次数:
181
使用ie的filter来解决rgba在IE8下没有效果的问题,css代码如下: ...
分类:
其他好文 时间:
2018-05-07 14:39:52
阅读次数:
336
效果如gif动态图所示: 1、通过v-for遍历数组 HTML代码: 2、通过鼠标移入移除、删除方法 JS代码: 3、CSS代码(这里采用Less): ...
分类:
其他好文 时间:
2018-05-05 18:16:49
阅读次数:
2548