• sass高级语法

    github地址:https://github.com/lily1010/sass/tree/master/course03 用到的sass语法是: sass --watch test.scss:test.css --style expanded 如下图: 1导入外部文件,缺省文件后缀默认是sass/scss文件,一般在头部声明 test.scss内容是: @import "lili.scss"; //导入一个...

    2018-06-24 00:15:55

  • HTML <select> 标签 创建单选或多选菜

    所有主流浏览器都支持 select 标签。 select 元素可创建单选或多选菜单。 select 元素中的option标签用于定义列表中的可用选项。 提示:select 元素是一种表单控件,可用于在表单中接受用户输入。 属性 New:HTML5 中的新属性。 属性 值 描述 autofocus(5) autofocus...

    2018-06-24 00:15:54

  • 简单的使用键盘控制方块移动

    ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title 键盘控制方块移动 / title style #box { width : 50px ; height : 50px ; background-color : green ; position : relative ; left : 50px ; top : 50px ; } / style / head body div id ="box" / di...

    2018-06-24 00:15:50

  • HTML <fieldset> 标签将表单内的相关元

    fieldset 标签将表单内容的一部分打包,生成一组相关表单的字段。 当一组表单元素放到 fieldset 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。 fieldset 标签没有必需的或唯一的属性。 legend 标...

    2018-06-24 00:15:51

  • CSS属性之float学习心得

    全文参考:http://www.linzenews.com/program/net/2331.html 我们来看看CSS重要属性--float。 以下内容分为如下小节: 1:float属性 2:float属性的特性 2.1:float之文字环绕效果 2.2:float之父元素高度塌陷 3:清除浮动的方法 3.1:html法 3.2:css伪元素法 4:floa...

    2018-06-24 00:15:43

  • HTML <a> 标签

    一,定义和用法 所有浏览器都支持 a 标签。 a 标签定义超链接,用于从一张页面链接到另一张页面。 a 元素最重要的属性是 href 属性,它指示链接的目标。 在所有浏览器中,链接的默认外观是: 未被访问的链接带有下划线而且是蓝色的 已被访问的链接带有下划线而且是紫色...

    2018-06-24 00:15:40

  • CSS3过渡详解-遁地龙卷风

    第二版 0.环境准备 (1) 过渡需要浏览器的支持,使用这些属性要加上浏览器厂商的前缀,我用的chrome49已经不需要前缀了, -o- Opera -webkit- Safari、Chrome -moz- Firefox -ms- IE (2) css p { height:15px; /*类似于高度这种属性,必须明确指定值*/ } p:hover /*初...

    2018-06-24 00:15:46

  • sass初级语法

    github地址:https://github.com/lily1010/sass/tree/master/course01 用到的sass语法是: sass --watch test.scss:test.css --style expanded 如下图: 1 自定义变量 test.scss内容是: $color: black;.test1 { background-color: $color;} 编译成test.css内容是: .test1...

    2018-06-24 00:15:44

  • CSS3图片翻转切换案例及其中重要属性解析

    图片翻转切换,在不使用CSS3的情况下,一般都是使用JS实现动画,同时操作元素的width和left,或者height和top以模拟翻转的效果,并在适当时候改变src或者z-index实现图片切换。 无意中发现CSS3的方案, http://www.webhek.com/css-flip/ 赶紧学习并总结如下 先上代码(...

    2018-06-24 00:15:39

  • CSS3之3D变换实例详解

    CSS3的3D效果很赞,本文实现简单的两种3D翻转效果。首先看效果和源代码,文末是文绉绉的总结部分^_^ 以下CSS代码为了简洁没有添加前缀,请视情况自行添加(自动化时代推荐使用其他的一些方法,如 gulp-autoprefixer 插件,因为本人更喜欢 gulp #_#) 还有 w3school 上...

    2018-06-24 00:15:33

2