11 2017 档案

FCC 基础JavaScript 练习2
摘要：1. 引号不是字符串中唯一的可以被转义字符。下面是常见的转义序列列表: \' 单引号 \" 双引号 \\ 反斜杠符 \n 换行符 \r 回车符 \t 制表符 \b 退格符 \f 换页符 2.在 JavaScript 中，当 + 操作符与 字符串 一起使用的时候，它被称作 连接 操作符,可以通过和其他 阅读全文
posted @ 2017-11-30 20:57 萹豆 阅读(405) 评论(0) 推荐(0)
FCC 基础JavaScript 练习1
摘要：1.JavaScript中的注释方式有以下两种 // This is an in-line comment. /* This is a multi-line comment */ 2.avaScript提供七种不同的data types(数据类型)， undefined（未定义） null（空） b 阅读全文
posted @ 2017-11-29 20:50 萹豆 阅读(605) 评论(2) 推荐(0)
用codepen做了第一个网页
该文被密码保护。
posted @ 2017-11-28 22:00 萹豆
fcc jQuery 练习
摘要：在页面顶端增加一行script元素，然后写上结束符， 浏览器会运行script 里所有的Javascript，包括jQuery <script>$(document).ready(function() { 开始，文件准备函数xxxxxxxxx});</script> 结束 所有jQuery方法都是由 阅读全文
posted @ 2017-11-27 20:46 萹豆 阅读(224) 评论(0) 推荐(0)
fcc 响应式框架Bootstrap 练习3
摘要：class="container-fluid"控制宽度100% <div class="container-fluid"> <h3 class="text-primary text-center">jQuery Playground</h3> </div> class 属性 well，它的作用是为设 阅读全文
posted @ 2017-11-27 17:59 萹豆 阅读(154) 评论(0) 推荐(0)
fcc 响应式框架Bootstrap 练习2
摘要：text-primary 属性值使标题直接变成了红色，text-center使标题直接居中 <h2 class="text-primary text-center">CatPhotoApp</h2> img-responsive 使图片变成响应式自动调整大小适应屏幕 <img src="/image 阅读全文
posted @ 2017-11-27 15:31 萹豆 阅读(265) 评论(0) 推荐(0)
fcc 响应式框架Bootstrap 练习1
摘要：需要通过添加下列代码到你的HTML开头来将Bootstrap添加到任意应用中： <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css"/> 再把html元素都放到div元素中 <img 阅读全文
posted @ 2017-11-27 00:01 萹豆 阅读(189) 评论(0) 推荐(0)
fcc html5 css 练习3
摘要：行内样式看起来是这样的 <h1 style="color: green"> .pink-text { color: pink !important; } !important最高级的无法覆盖 0 是 hex code（十六进制编码）中最小的一个，它代表颜色的完全缺失 F 是 hex code（十六进 阅读全文
posted @ 2017-11-26 20:14 萹豆 阅读(156) 评论(0) 推荐(0)
fcc html5 css 练习2
摘要：<form action="/submit-cat-photo" >action属性的值指定了表单提交到服务器的地址 <input type="text" placeholder="cat photo URL" required> placeholder预定义输入框内的文本,添加required属性 阅读全文
posted @ 2017-11-26 16:00 萹豆 阅读(184) 评论(0) 推荐(0)
fcc html5 css 练习1
摘要：font-size: 字号 利用link导入新字体再引用<link href="https://fonts.gdgdocs.org/css?family=Lobster" rel="stylesheet" type="text/css"> font-family: 字体 font-family: H 阅读全文
posted @ 2017-11-25 23:44 萹豆 阅读(221) 评论(0) 推荐(0)
笔记《精通css》第5章 链接应用样式
摘要：第5章 链接应用样式 1.链接伪类选择器 a : link{ } (寻找没有被访问过的链接) a : visied{ }(寻找被访问过的链接) 动态伪类选择器 a : hover{ }(寻找鼠标悬停处的链接) a : focus{ }(寻找通过键盘移动到的链接) a : active{ }(寻找被激 阅读全文
posted @ 2017-11-25 15:33 萹豆 阅读(124) 评论(0) 推荐(0)
笔记《精通css》第4章 背景图像，平铺方式，背景定位，圆角框，投影，不透明
摘要：第4章 背景图像，平铺方式，背景定位，圆角框，投影，不透明 1.背景图像 background-image:url() 2.平铺方式 background-repeat:repeat-x repeat-y no-repeat 3.背景定位 padding-left: background-posit 阅读全文
posted @ 2017-11-22 20:20 萹豆 阅读(171) 评论(0) 推荐(0)
笔记《精通css》第3章 盒模型，定位，浮动，清理
摘要：第3章 盒模型，定位，浮动，清理 1.盒模型用到的属性width,height,padding,border,margin 普通文档流的上下垂直margin会叠加 2.块级框 与 行内框， 利用display属性来改变特性，display：block，display：inlne-block 3. 3 阅读全文
posted @ 2017-11-22 19:55 萹豆 阅读(233) 评论(0) 推荐(0)
笔记《精通css》第2章 选择器，注释
摘要：第2章 选择器，注释 1.常用选择器（id选择器，类选择器，类型选择器，后代选择器，伪类选择器（文档结构之外）） 通用选择器（*{ }） 高级选择器（子选择器，相邻同胞选择器，属性选择器） 2.选择器特殊性分级 3.层叠和继承的区别 4.设计代码的结构，使用风格统一的大注释块分割每个部分 一般性样式 阅读全文
posted @ 2017-11-22 19:51 萹豆 阅读(267) 评论(0) 推荐(0)
《精通css》笔记
摘要：第2章 选择器，注释 1.要知道常用选择器（id选择器，类选择器，类型选择器，后代选择器，伪类选择器（文档结构之外）） 通用选择器（*{ }） 高级选择器（子选择器，相邻同胞选择器，属性选择器） 2.选择器特殊性分级 3.层叠和继承的区别 4.设计代码的结构，使用风格统一的大注释块分割每个部分 一般 阅读全文
posted @ 2017-11-22 19:08 萹豆 阅读(272) 评论(0) 推荐(0)
总结这几天学到的HTML标签
摘要：1.基础知识W3S,操作慕课网或者FCC网 2.标签必须闭合 标签一般成对出现如：<h1>xxxx</h1> 标签也有空内容标签如：<br/> 标签的属性和属性值放在开始标签内 注释<!- - - ->和css中的注释/* */ 3.分清哪些元素是块级元素，哪些元素是内联元素 4.知道哪些元素已经在 阅读全文
posted @ 2017-11-22 17:35 萹豆 阅读(265) 评论(0) 推荐(0)