-
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
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash