最近初学vue，做最简单的todolist !DOCTYPE htmlhtmlheadmeta charset="UTF-8"titletodolist/titlestyle type="text/css"#container{width: 700px;height: 100px;padding: 40px;margin: 0 auto;}li{list-style: none;}.close-btn{display: inline-block;width: 20px;he...

2018-06-24 02:14:38

18年元月24日，一如既往的写了一会，外面下着雪，我在屋内叼着烟，上班好辛苦，成人的世界哪有容易二字，慢慢来，少年你还年轻，重在坚持，不要灰心。 ! DOCTYPE html html head title 浮动，清浮动及定位的理解 / title style type ="text/css" * { margin : 0 ; padd...

2018-06-24 02:14:34

一、概述 web前端性能优化主要点为： 减少HTTP请求，减小请求文件大...

2018-06-24 02:14:32

盒子模型之边框 border-(top/bottom/left/right)-style: solid 边框的风格 如(solid 实线，dotted 点线，dashed 虚线) border-top-color: #aaa 边框颜色 border-top-width: 20px 边框粗细 边框四个方向连写： 如 border-color: #000 边框属性连写： border-top: #555 s...

2018-06-24 02:14:23

使用BootStrap做一个简单的商城首页 代码： ! DOCTYPE html html head meta charset ="utf-8" meta http-equiv ="X-UA-Compatible" content ="IE=edge" meta name ="viewport" content ="width=device-width, initial-scale=1" title 商城首页 / title link href ="css...

2018-06-24 02:14:21

id选择器可以匹配具有指定id的元素对象。 特别说明:同一个文档中，id是唯一的，否则可能会出现问题。 id选择器是以"#"来定义的。例如: #ant{color:red;} 将id为ant元素中的字体颜色设置为红色。 浏览器支持: （1）.IE浏览器支持此选择符。 （2）.edge浏览器支持此选择...

2018-06-24 02:14:18

BootStrap：优秀的前端框架 需要引入jQuery1.11以上版本 基本使用方式： ! DOCTYPE html html lang ="zh-CN" head meta charset ="utf-8" !-- 声明文档兼容模式，表示使用IE浏览器的最新模式 -- meta http-equiv ="X-UA-Compatible" content ="IE=edge" !-- 设置视口的...

2018-06-24 02:14:12

1、float的历史 float设计的初衷仅仅是为了 文字环绕效果 。 示例代码： 1 ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 2 html xmlns ="http://www.w3.org/1999/xhtml" 3 head 4 meta...

2018-06-24 02:14:07

CSS3媒体查询： 语法： media_query_list：media_query[,media_query] media_query：only|not mediaType and expression[ and expression] expression：mediaFeature:value 关键词“not”取补集，“only”不再推荐使用（not，only都是可选的），“,”用法同CSS选择器中...

2018-06-24 02:14:06

.cont-detail ul li { display : -webkit-flex ; display : -ms-flexbox ; display : flex ; -webkit-box-pack : justify ; -webkit-justify-content : space-between ; -ms-flex-pack : justify ; justify-content : space-between ; display : -webkit-box ; padding...

2018-06-24 02:14:07