- 博客(42)
- 收藏
- 关注
原创 HTML第二十节(CSS制作照片墙效果与瀑布流)
CSS3制作照片墙1.用CSS制作照片墙需要用到两个重要属性:transform和transition。transform属性允许旋转(rotate)、伸缩(scale)、倾斜(skew)或者移 动(translate)元素。transition(“过渡”)使属性值在指定时间内平滑地完成变化。可以配置4个属性:transition-property,指定过渡效果所应用的属性;transi
2015-06-08 22:29:58 4348
原创 HTML第十九节(回到顶部效果)
用JavaScript制作回到顶部效果用到的知识点js代码如下window.onload = function(){ var obtn = document.getElementById('btn'); //获取页面可视区的高度 var timer = null; var isTop = true; obtn.onclick =
2015-06-03 23:04:58 317
原创 HTML第十八节(媒体和交互性基础二)
一、CSS3的transform属性transform属性允许旋转(rotate)、伸缩(scale)、倾斜(skew)或移动(translate)元素。编码5个样式来适应浏览器配置旋转:-webkit-transform(针对webkit浏览器)-moz-transform(针对gecko浏览器)-o-transform(针对opera浏览器)-ms-transform(
2015-05-27 23:00:42 304
原创 HTML第十八节(媒体和交互性基础一)
常用的音频文件类型:.wav、.aiff或.aif、.mid、.au、.mp3、.ogg、m4a。常用的视频文件类型:.mov、.avi、.fiv、.wmv、.mpg、.m4v或.mp4、.3gp、.ogv或.ogg、.webm。配置音频一:object元素描述媒体时的标记的属性
2015-05-25 20:20:13 331
原创 HTML第十七节(表单二)
几个常用的表单控件1.文本框表单控件 只验证格式是否正确常用的有以下几个, E-mail表单控件 只验证格式是否正确URL 电话号码 2.datalist (除了在文本框中输入,还可在列表中选择)代码如下:3.滑块控件代码:效果:4.微调控件代码:效果:5.日期和时间控件日期
2015-05-17 19:15:35 276
原创 HTML趣味气球网页框架图及子页推荐
一、网页框架图1.气球导读页面2.气球店铺页面3.婚庆气球页面4.气球活动页面5.气球俱乐部页面二、目前代码量约为1000行。三、引入的新技术——JavaScript 在编写页面动态效果的过程中,我引入了JavaScript技术。JavaScript是一种直译式脚本语言,web开发中广泛应用于客户端。在
2015-05-07 21:44:23 897
转载 Sublime Text 3 快捷键汇总
选择类Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。Ctrl+L 选中整行,继续操作则继续选择下一行,效果和 Shift+↓ 效果一样。Ctrl+Shift+L 先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行。Ct
2015-05-01 10:54:17 224
原创 HTML第十六节(添加图题,结构元素,CSS对打印的支持)
一添加图题(利用 figcaption)1. 2. 文字居中后效果如下: 二 结构元素 (通过一种更有意义的方式阐述结构区域的用途)比如 section artion aside time nav
2015-04-29 20:44:22 499
原创 HTML第十五节(导航基础一)
一 导航栏1.原理:是由列表变化而来的2.想要实现如上图效果,需对CSS样式做些改动#nav {list-style-type:none} --消除列表符号#nav li {display:inline}--把块元素转换成内联元素#nav a {text-decoration:none;--取消下划线padding-right:10px;}
2015-04-23 17:55:06 256
原创 HTML(趣味气球网首页发布会)
一主界面二主页代码量1.HTML文件2 CSS文件PS:这学期以来整个代码量不知道怎么查询三 趣味气球网子页分别是四 做趣味气球网时,遇到的最大问题:1.
2015-04-20 22:36:15 359
原创 HTML第十四节(页面布局基础一)
一 CSS双栏页面布局二 浮动浮动宽度:如果是img元素就是img元素隐含的高度否则为浮动元素制定高度。三 清除浮动的两种方法1.用换行清除浮动 即用clear属性 (在HTML文件中需要清除浮动的地方 加上这行代码).clearleft{clear: left;} (在CSS文件中加上这行代码,即 就会消
2015-04-15 16:23:11 260
原创 HTML第十三节(CSS基础详解二)
一文本阴影text-shadow:3px(阴影水平偏移的像素值) 3px(阴影垂直偏移的像素值) 3px (模糊半径的像素值) #666(有效颜色值);二 1.-moz-linear-gradient有三个参数。第一个参数表示线性渐变的方向,top是从上到下、left是从左到右,如果定义成left top,那就是从左上角到右下角。第二个和第三
2015-04-09 19:12:48 292
原创 HTML第十二节(CSS基础详解一)
在学习HTML+CSS这门课程中,在成为高手前,总在积累很多属性。类似CSS中的字体,文本属性,对齐和缩进,宽度和高度,具体基础知识 书上都有详解,在这里我不做具体介绍不过 min-width属性配置元素的内容在浏览器可视区域的最小宽度,设置最小宽度可防止内容在浏览器改变大小时跑来跑去。如果浏览器变得比最小宽度还要小,就显示滚动条。
2015-04-07 21:53:19 249
原创 HTML第八节(魔术气球web项目案例分析)
一.web项目主题批准1.网站名称: 趣味气球网 用途:①魔术气球有兴趣的爱好者 提供更好的学习平台和交流平台②给婚庆 寿庆 气球公司做广告,同时给需要气球布场的需求者提供平台2.目标受众:一般是在年轻人一代3.网站面临问题:拉气球公司来打广告这一块,我想针对全国各大主流城市,需要实地了解更好,而且就连重庆我也不知道怎么才能把一些好的气球公司收集起来。4.网
2015-03-19 22:18:09 399
原创 HTML第六节(网页上的表格)
一table标签 例如 该代码对应如下 二 用css样式,为表格加入边框三caption标签,为表格添加标题和摘要表格还是需要添加一些标签进行优化,可以添加标题和摘要。代码如下:
2015-03-19 14:45:29 295
原创 快乐的sublime 编译器 第一节(命令面板)
一命令面板命令面板里的(Cmd/Ctrl + Shift+P)就像Goto Anything一样,命令面板也是一个支持智能模糊匹配的自动完成列表,比如 忘了怎么隐藏侧边栏了?只要在命令面板输入sidebar,然后你就会看到一大波关于隐藏侧栏的命令了。想要把代码折叠起来?输入fold即可。你会发现键盘快捷也都会在自动完成列表里统统显示出来,目的是为了帮你加强记忆。
2015-03-18 22:39:59 357
原创 html 第三节 (结构基础与超链接)
1.特殊字符(需要记住是& ; 格式 且; 是英文模式)2.div元素超链接基础1.绝对链接与相对链接针对相对链接 要链接的文件位于当前页面所在文件夹的上一级文件夹时,需要使用“../”符号2.电子邮件链接3.按照以上做法 当访问者点击链接时,会在同一个浏览器窗口中自动打开新网页。可在 标记中使用target 属性
2015-03-16 21:11:51 331
原创 ps快捷键
f12 恢复到上次最近一次保存的状态 Ctrl+t 取消选择区 Ctrl+alt+z 返回上一步 Ctrl++(- -) 放大缩小还有更好用的 放大:Ctrl+空格键(配合鼠标) 缩小:alt+空格键(配合鼠标) 图像变换为图层 把需要变换为图层的图像双击一下 然后确定键就会变成图层(因为有些工具功能只能对图层操作
2015-03-14 21:27:02 237
原创 绘画与修饰 工具组(一)
一1.修复画笔工具(因为它能更好的融合,仿制图章工具被淘汰) 适合对脸部黑头,粉刺做修复 其中修复工具也好使用(针对选区)2. 红眼工具(用来修复夜晚照相,眼睛是红色的或其它颜色,使眼睛恢复成正常黑色)二 1. 画笔工具其中画笔工具中的几种模式(见下图)a 背后模式 即 在图层的背后操作(只能在图层上操作)
2015-03-14 21:03:27 570
原创 移动与选择工具(高级使用)
一.选择再移动常常会出现这样状况,为了防止发生用图层里的工具可以实现第一步: 第二步:选中矩形选框工具,对图像区域进行选择 第三步:选择移动工具,在图像上任意拖动,会出现与刚刚选择的区域一样的图片二.选择有时需要一点一点的选择(不能一选就中)三.有时常会用到这样的功能(画中心对称轴)1.单行(列)选框
2015-03-14 20:59:34 277
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人