xxcxxc - 博客园

2018年10月3日

摘要：加号选择器（"+"）：就是指对找到的某类的元素除第一个元素以外的兄弟元素起作用，即第一个元素不起作用，后面的兄弟元素都会起作用效果：给每一个li加一个border-left，采用加号选择器，就没有使第一个li标签产生作用案例：阅读全文

posted @ 2018-10-03 16:21 xxcxxc 阅读(5689) 评论(1) 推荐(0) 编辑

CSS的nth-of-type和nth-child的区别

摘要：使用nth-child的效果图：使用nth-of-type：效果从上面可以看到：nth-child是从父元素的第一个子元素算起走，会算其他标签元素，而nth-of-type只会计算父元素下本标签元素阅读全文

posted @ 2018-10-03 12:52 xxcxxc 阅读(184) 评论(0) 推荐(1) 编辑

CSS 媒体查询

摘要：使用媒体查询，容器宽度会随着窗口宽度的改变而改变没有缩放的效果缩放后的效果：阅读全文

posted @ 2018-10-03 10:41 xxcxxc 阅读(248) 评论(0) 推荐(0) 编辑

2018年10月2日

2.Bootstrap CSS

摘要： Bootstrap CSS 一、Bootstrap CSS概览移动设备优先移动设备优先是 Bootstrap 3 的最显著的变化。在之前的 Bootstrap 版本中（直到 2.x），您需要手动引用另一个 CSS，才能让整个项目友好的支持移动设备。现在不一样了，Bootstrap 3 默认的阅读全文

posted @ 2018-10-02 23:27 xxcxxc 阅读(372) 评论(0) 推荐(1) 编辑

1.Bootstrap简介

摘要： Bootstrap简介 BootstrapAPI: https://v3.bootcss.com Bootstrap优点：响应式布局，一个框架，多种设备适用 Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 Bootstrap，阅读全文

posted @ 2018-10-02 23:13 xxcxxc 阅读(246) 评论(0) 推荐(1) 编辑

25.选项卡效果

摘要：效果图：阅读全文

posted @ 2018-10-02 23:08 xxcxxc 阅读(403) 评论(0) 推荐(1) 编辑

24.盒子拖拽功能实现

摘要：阅读全文

posted @ 2018-10-02 23:07 xxcxxc 阅读(146) 评论(0) 推荐(1) 编辑

23.each和map函数

摘要：输出结果：阅读全文

posted @ 2018-10-02 23:06 xxcxxc 阅读(131) 评论(0) 推荐(1) 编辑

22.仿淘宝五角星评论（链式编程、隐式迭代）

摘要：试玩（淘宝案例在下面）：效果：仿淘宝五角星案例：效果： star1： star2: star3: 阅读全文

posted @ 2018-10-02 23:05 xxcxxc 阅读(232) 评论(1) 推荐(1) 编辑

20.事件类型和鼠标按键的类型，键盘按键

摘要：阅读全文

posted @ 2018-10-02 23:04 xxcxxc 阅读(351) 评论(0) 推荐(0) 编辑