qq_24249259的专栏

原创 HTML第二十节（CSS制作照片墙效果与瀑布流）

CSS3制作照片墙1.用CSS制作照片墙需要用到两个重要属性：transform和transition。transform属性允许旋转(rotate)、伸缩(scale)、倾斜(skew)或者移    动(translate)元素。transition(“过渡”)使属性值在指定时间内平滑地完成变化。可以配置4个属性：transition-property，指定过渡效果所应用的属性；transi

原创 HTML第十九节（回到顶部效果）

用JavaScript制作回到顶部效果用到的知识点js代码如下window.onload = function(){ var obtn = document.getElementById('btn'); //获取页面可视区的高度 var timer = null; var isTop = true; obtn.onclick =

原创 HTML(第十一章案例分析)

一 效果图二代码

原创 HTML第十八节(媒体和交互性基础二)

一、CSS3的transform属性transform属性允许旋转(rotate)、伸缩(scale)、倾斜(skew)或移动(translate)元素。编码5个样式来适应浏览器配置旋转：-webkit-transform（针对webkit浏览器）-moz-transform(针对gecko浏览器)-o-transform(针对opera浏览器)-ms-transform(

原创 HTML第十八节（媒体和交互性基础一）

常用的音频文件类型：.wav、.aiff或.aif、.mid、.au、.mp3、.ogg、m4a。常用的视频文件类型：.mov、.avi、.fiv、.wmv、.mpg、.m4v或.mp4、.3gp、.ogv或.ogg、.webm。配置音频一：object元素描述媒体时的标记的属性

原创 HTML(第十章案列分析)

一 最后结果  二 html代码  三css代码

原创 HTML第十七节（表单二）

几个常用的表单控件1.文本框表单控件 只验证格式是否正确常用的有以下几个， E-mail表单控件 只验证格式是否正确URL   电话号码  2.datalist （除了在文本框中输入，还可在列表中选择）代码如下：3.滑块控件代码：效果：4.微调控件代码：效果：5.日期和时间控件日期

原创 HTML(第九章案列分析)

一 html代码 二 css代码 三效果如下

原创 表单一

已完成在HTML（第五节）表单里了

原创 表格

作业已交，在HTML第六节（网页上的表格）

原创 HTML趣味气球网页框架图及子页推荐

一、网页框架图1.气球导读页面2.气球店铺页面3.婚庆气球页面4.气球活动页面5.气球俱乐部页面二、目前代码量约为1000行。三、引入的新技术——JavaScript       在编写页面动态效果的过程中，我引入了JavaScript技术。JavaScript是一种直译式脚本语言，web开发中广泛应用于客户端。在

原创 HTML（子页发布会）

一、子页   二、代码量 html：258行css：334行

转载 Sublime Text 3 快捷键汇总

选择类Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数名等。Ctrl+L 选中整行，继续操作则继续选择下一行，效果和 Shift+↓ 效果一样。Ctrl+Shift+L 先选中多行，再按下快捷键，会在每行行尾插入光标，即可同时编辑这些行。Ct

原创 HTML（第八章案列分析）

一 网页展示： 二 html代码及校验      三 css代码及校验

原创 HTML第十六节（添加图题，结构元素，CSS对打印的支持）

一添加图题（利用 figcaption）1.      2.  文字居中后效果如下：   二 结构元素 （通过一种更有意义的方式阐述结构区域的用途）比如 section artion aside time nav

原创 HTML第十五节（导航基础一）

一 导航栏1.原理：是由列表变化而来的2.想要实现如上图效果，需对CSS样式做些改动#nav {list-style-type:none}    --消除列表符号#nav li {display:inline}--把块元素转换成内联元素#nav a {text-decoration:none;--取消下划线padding-right:10px;}

原创 HTML（趣味气球网首页发布会）

一主界面二主页代码量1.HTML文件2 CSS文件PS：这学期以来整个代码量不知道怎么查询三 趣味气球网子页分别是四 做趣味气球网时，遇到的最大问题：1.

原创 HTML第十四节（页面布局基础一）

一 CSS双栏页面布局二 浮动浮动宽度：如果是img元素就是img元素隐含的高度否则为浮动元素制定高度。三  清除浮动的两种方法1.用换行清除浮动 即用clear属性  （在HTML文件中需要清除浮动的地方 加上这行代码）.clearleft{clear: left;}     （在CSS文件中加上这行代码，即 就会消

原创 HTML（第七章 案例分析）

以主页为列一二

原创 HTML第十三节（CSS基础详解二）

一文本阴影text-shadow：3px(阴影水平偏移的像素值) 3px（阴影垂直偏移的像素值） 3px （模糊半径的像素值） #666（有效颜色值）;二 1.-moz-linear-gradient有三个参数。第一个参数表示线性渐变的方向，top是从上到下、left是从左到右，如果定义成left top，那就是从左上角到右下角。第二个和第三

原创 HTML（第六章 案列分析）

一收藏夹图标二多张背景图片  三 h1添加背景图片  四 插入图片

原创 HTML（第五章 案列分析）

一（因校验网站打不开） 二1.  2.   3.

原创 HTML第十二节（CSS基础详解一）

在学习HTML+CSS这门课程中，在成为高手前，总在积累很多属性。类似CSS中的字体，文本属性，对齐和缩进，宽度和高度，具体基础知识 书上都有详解，在这里我不做具体介绍不过  min-width属性配置元素的内容在浏览器可视区域的最小宽度，设置最小宽度可防止内容在浏览器改变大小时跑来跑去。如果浏览器变得比最小宽度还要小，就显示滚动条。

原创 HTML第十二节（盒模型与Web图片样式基础）

盒模型 一 二 GIF,PNG,JPEG 三种web图片的区别 三图片链接格式

原创 HTML 第十一节（CSS选择器）

一二类选择器三四           五六七八九

原创 HTML第十节（网站logo设计）

就用趣味气球网作为网站logo

原创 HTML第九节（css样式基本知识）

一二三四例如下面展示了这三种样式的代码

原创 HTML第八节（魔术气球web项目案例分析）

一.web项目主题批准1.网站名称： 趣味气球网         用途：①魔术气球有兴趣的爱好者 提供更好的学习平台和交流平台②给婚庆 寿庆 气球公司做广告，同时给需要气球布场的需求者提供平台2.目标受众：一般是在年轻人一代3.网站面临问题：拉气球公司来打广告这一块，我想针对全国各大主流城市，需要实地了解更好，而且就连重庆我也不知道怎么才能把一些好的气球公司收集起来。4.网

原创 HTML第七节（表单标签）

一 使用表单标签，与用户交互      例如这样的形式                                                                                                                                 代码如下注意二

原创 HTML第六节（网页上的表格）

一table标签   例如                       该代码对应如下  二 用css样式，为表格加入边框三caption标签，为表格添加标题和摘要表格还是需要添加一些标签进行优化，可以添加标题和摘要。代码如下：

原创 HTML（第四章 案列分析）

一 index.html  二 Yurts.html 三 Reservations.html

原创 快乐的sublime 编译器 第一节（命令面板）

一命令面板命令面板里的(Cmd/Ctrl + Shift+P)就像Goto Anything一样，命令面板也是一个支持智能模糊匹配的自动完成列表，比如 忘了怎么隐藏侧边栏了？只要在命令面板输入sidebar，然后你就会看到一大波关于隐藏侧栏的命令了。想要把代码折叠起来？输入fold即可。你会发现键盘快捷也都会在自动完成列表里统统显示出来，目的是为了帮你加强记忆。

原创 HTML第五节（为网页插入图片）

一属性1.2例如  .   出现这样的效果

原创 HTML第四节（Web设计基础）

一 电脑上安装的字体

原创 html 第三节 （结构基础与超链接）

1.特殊字符（需要记住是＆   ;  格式   且; 是英文模式）2.div元素超链接基础1.绝对链接与相对链接针对相对链接 要链接的文件位于当前页面所在文件夹的上一级文件夹时，需要使用“../”符号2.电子邮件链接3.按照以上做法 当访问者点击链接时，会在同一个浏览器窗口中自动打开新网页。可在  标记中使用target 属性

原创 绘画与修饰工具组（二）

一 图案图章工具（一般用在换背景  局部修饰等 ）

原创 ps快捷键

f12    恢复到上次最近一次保存的状态 Ctrl+t 取消选择区  Ctrl+alt+z      返回上一步   Ctrl++（- -）   放大缩小还有更好用的 放大：Ctrl+空格键（配合鼠标） 缩小：alt+空格键（配合鼠标） 图像变换为图层       把需要变换为图层的图像双击一下 然后确定键就会变成图层（因为有些工具功能只能对图层操作

原创 绘画与修饰 工具组（一）

一1.修复画笔工具(因为它能更好的融合，仿制图章工具被淘汰)    适合对脸部黑头，粉刺做修复   其中修复工具也好使用（针对选区）2. 红眼工具（用来修复夜晚照相，眼睛是红色的或其它颜色，使眼睛恢复成正常黑色）二 1.    画笔工具其中画笔工具中的几种模式（见下图）a 背后模式 即 在图层的背后操作（只能在图层上操作）

原创 移动与选择工具（高级使用）

一．选择再移动常常会出现这样状况，为了防止发生用图层里的工具可以实现第一步： 第二步：选中矩形选框工具，对图像区域进行选择  第三步：选择移动工具，在图像上任意拖动，会出现与刚刚选择的区域一样的图片二．选择有时需要一点一点的选择（不能一选就中）三．有时常会用到这样的功能（画中心对称轴）1.单行（列）选框

原创 HTMLHTML（第三章 案列分析）