张小国

摘要： 思路:延续上一节说的利用自定义属性来作为桥梁，建立匹配关系，然后改变页面中元素的显示效果；首先需要写好一个合理的HTML结构 // 何为合理呢？就是说考虑这个结构哪些需要提前写好的，哪些又是可以通过程序来动态实现的然后写好相应的CSS样式文件，让基本的构造出来；最后通过JS来控制相关页面元素的显示效... 阅读全文

摘要： 要点一、Bootstrap 3 是基于移动端优先的思想，在这个意义上，Bootstrap 代码从小屏幕设备（比如移动设备、平板电脑）开始，然后扩展到大屏幕设备（比如笔记本电脑、台式电脑）上的组件和网格移动设备优先策略内容决定什么是最重要的。布局优先设计更小的宽度。基础的 CSS 是移动设备优先，媒体... 阅读全文

摘要： 页面中经常需要建立匹配、对应关系来改变页面的显示元素；这个时候可能就需要用到自定义属性来添加索引值自定义属性匹配索引值abc思路：点击按钮，让下面的对应的P内容改变，改变为什么呢？改变为对应数组的内容；比如：第一个按钮点击后改变第一p元素的内容，这个内容来自于数组的第一个元素；这里的自定义值就相当于... 阅读全文

摘要： 1、多看css手册，学习和当做字典查询的作用；2、XHTML代码中的每个标签的含义； // XHTML追求的是语义化结构； 使用语义化结构带来的好处： A、当样式无法正常加载时依然会显示一个条例清晰的文档结构，好比在看一个整理好的word文档； B、利用SEO； C、加强与程... 阅读全文

摘要： 使用自定义属性匹配数组内容匹配数组内容 阅读全文

摘要： 总结下，目前常见的轮播图显示效果，基本是原理都是相通的分为可视区域、显示内容，还有控制按钮。有些轮播图是没有控制按钮的，让其定时切换，有的切换按钮是覆盖在图片上面的圆点；超过显示区域的内容，也就是切换的内容让其隐藏，结合JS代码控制显示区域的内容，实现轮播效果；（图片所示原理，对于横向纵向来说是一样... 阅读全文

摘要： 1 2 3 4 5 无标题文档 6 9 36 37 38 39 40 41 42 43 44 45 46 47 思路：首先找到所有的li元素，然后给这里的li元素自定义属性值为true；// var aLi = document.getElementsByTagN... 阅读全文

摘要： 今天在做CSS那些事的时候，发现一个有意思的现象； 不同字体设置，会显示出不同的效果或者说异常先看代码： 1 2 3 4 跟随标题时间的新闻列表——2 5 6 23 24 25 26 27 28 体育新闻29 30 31 切尔西夺冠庆祝大游行穆帅笑容迷... 阅读全文

摘要： 1 2 3 4 清除浮动 5 6 40 41 42 43 44 博客的左侧45 -->46 博客的右侧47 48 博客的版权信息内容内容容内容容内容容内容容内容49 50 51 52 阅读全文

摘要： 1 2 3 边框属性实现三角箭头及其原理 4 5 6 14 15 16 17 18 边框属性实现三角箭头及其原理19 基本原理原理非常简单，通过截取border(边框)的部分“拐角”实现，几行CSS代码即可理解：20 一个梯形当元素宽、高和边框的宽相近（等）时，改变某一边的颜色可以看到一... 阅读全文