• CSS3选择器——基本选择器

    CSS是一种用于屏幕上渲染html,xml等一种语言,CSS主要是在相应的元素中应用样式,来渲染相对应用的元素,那么这样我们选择相应的元素就很重要了,如何选择对应的元素,此时就需要我们所说的选择器。选择器主要是用来确定html的树形结构中的DOM元素节点。我把CSS选择器...

    2018-06-24 00:41:06

  • bottle+bootstrap+新浪云搭建一个猫咪博客(一)

    介绍 建了博客许久不更新也是很不好意思,今天带来的是我之前练手的个人小项目,通过python的微型web框架bottle加之bootstrap在新浪云上搭建一个简单的猫咪博客,网站有三个板块,分别为: 喵生活,显示每日更新的猫咪博客,样式是一图配一文; 喵知识,介绍一些养猫的...

    2018-06-24 00:41:00

  • 利用CSS3D效果制作简易旋转木马效果

    最近看一下css3d的一些特性,想着也实验学习一下,制作个小demo之类的。就练习了一下。开发一个粗糙的选择木马效果,如图 其实就是找到角度和位置,计算每根柱子的旋转角度摆放到3d空间的置顶位置即可。然后利用css的animate属性让3d舞台无线旋转,就有了一简易的旋转...

    2018-06-24 00:40:58

  • JS中substring与substr的用法

    substring 方法用于提取字符串中介于两个指定下标之间的字符 substring(start,end) 开始和结束的位置,从零开始的索引 javascript 参数 描述 start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。 stop 可...

    2018-06-24 00:40:55

  • CSS3中的变形与动画

    最近在学习制作移动端的页面,做了一个微信页面的小demo,其中用到了很多的CSS3新增的内容,其中就有CSS3新增的变形和动画。其实这种CSS3的动画效果用JS也可以实现,不过CSS3能 开启硬件加速,性能更好 。 (下面均没写浏览器前缀,如有需要请自行添加~~) CSS3常见的...

    2018-06-24 00:40:56

  • 纯CSS3写的10个不同的酷炫图片遮罩层效果

    这个是纯CSS3实现的的10个不同的酷炫图片遮罩层效果,可以欣赏一下 在线预览 下载地址 实例代码 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml...

    2018-06-24 00:40:55

  • 行内元素,块级元素与空元素

    行内元素:a、b、span、img、input、strong、select、label、em、button、textarea 块级元素:div、ul、li、dl、dt、dd、p、h1-h6、blockquote 空元素:br、meta、hr、link、input、img 块级元素的特点: 1.总在新行上开始,占据一整行 2.默认情况下,其宽度自动填满其...

    2018-06-24 00:40:48

  • Css3新特性总结之边框与背景(一)

    本系列主要总结Css3一些新特性的认识,来源于《css揭秘》书。 目录 背景与边框第一部分 背景与边框第二部分 形状 视觉效果 字体排印 用户体验 结构与布局 过渡与动画 源码下载 一、半透明边框 css3最好用hsla,而不是rgba,hsla是:h:颜色值(0~360);s:饱合度(0%~100...

    2018-06-24 00:40:53

  • html中role的作用

    role 是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role来说明。 通常这种情况出现在一些自定义的组件上,这样可增强组件的可访问性、可用性和可交互性。 role的作用是描述一个非标准的tag的实际作用。比如用div做button,那么设置div 的 role=...

    2018-06-24 00:40:52

  • 谷歌livereload插件使用

    1、插件下载地址:http://www.chromein.com/search_livereload_1.html 2、谷歌浏览器启用改插件 3、sublime 安装livereload插件,安装方法与其他插件一样 4、点击浏览器改小图标边实心 这样就可以直接修改完html或者css保存,不需要刷新,立即可以看到修改后的效果...

    2018-06-24 00:40:29

2