结果:找到“CSS3”相关内容105个,排序为按回复时间降序,搜索更多相关帖子请点击“高级”
56494-00《Web前端开发》ppt
1 个回复 - 184 次查看
56494-00《Web前端开发》ppt
第7章弹性盒子与网格布局.pptx
第1章 概述.pptx
第2章 HTML语法.pptx
第3章 HTML常用标签.pptx
第4章CSS语法.pptx
第5章 CSS常用样式.pptx
第6章定位与布局.pptx
第8章响应式布 ...
2023-7-1 22:25 - 2023Hua - 现金交易版
【独家发布】【kindle】HTML5与CSS3基础教程(第7版)
17 个回复 - 3193 次查看
如果喜欢该文档,欢迎订阅【kindle电子书】文库,http://bbs.pinggu.org/forum.php?mod=collection&action=view&ctid=3186
[/backcolor]图书名称:HTML5与
CSS3基础教程(第7版)[/backcolor]
作者:Elizabeth Cast ...
2016-6-23 17:28 - 牛尾巴 - winbugs及其他软件专版
【学习笔记】 HTML5+CSS3--0720
2 个回复 - 97 次查看
昨日阅读3小时,累计阅读587小时
ch14 History API
用于对历史记录进行控制和管理
以前版本也有此功能:window.history调用History对象,使用back()方法回退,forward方法前进下一页
HTML5中新增了 pushStat ...
2019-7-20 23:13 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0707
3 个回复 - 267 次查看
ch13.地理位置API
除GPS定位之外,通过IP地址、WiFi和移动通信网络等方式也可以进行地理位置定位
一般流程:
[*]开启设备或打开应用
[*]请求地理位置
[*]根据定位方式的不同,查询相关地理信息
[*]将查询到的 ...
2019-7-7 22:53 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0706
4 个回复 - 353 次查看
以Nodejs为例
https://nodejs.org/download
Windows下,还需要Python2.7 和 Visual C++支持
安装Nodejs模块: npm install nodejs-websocket
一个最简单的nodejs 服务器端程序(功能仅是启动http服务) ...
2019-7-6 10:09 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0705
4 个回复 - 205 次查看
ch12. Web Socket API
满足Web端与服务器端信息的实时通信,它是一种全新的协议,可以在浏览器和服务器之间建立一个基于TCP连接的双向通道,保持两者的信息同步
Socket通信可以在两个应用程序之间通过“套接字” ...
2019-7-5 14:40 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0704
5 个回复 - 216 次查看
写入数据
类似于创建数据表的操作
function insertData(db){
var sql="insert into tUser(id, name) values(?,?)";
var data={"1", "zhangshan");
db.transaction(function(tx){
tx.executeSql(sql, dat ...
2019-7-4 10:32 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0703
2 个回复 - 232 次查看
ch11. Web Workers API与Web SQL API
Web Workers API用于处理多线程操作,可以提供程序运行效率,有效避免页面无响应的问题
Web SQL API则用于在页面进行数据库操作,可将部分数据存储在客户端浏览器中,并以数据 ...
2019-7-3 22:36 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0630
4 个回复 - 278 次查看
ch10. Communication API
网页文档之间实现互相接收与发送信息的功能(实现跨文档消息通信)
XMLHttpRequest的升级版实现了跨源XMLHttpRequest和进度事件功能
跨文本消息通信(Cross Document Messaging)和XML ...
2019-6-30 10:26 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0629
2 个回复 - 171 次查看
离线应用
Web应用程序在离线状态下也能正常工作,需要将Web应用程序的资源文件缓存在本地,当无法访问互联网时,还可以使用缓存文件运行Web程序
访问一个网页时,浏览器缓存会将该网页所需要的所有资源缓存在本地 ...
2019-6-29 23:22 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0628
2 个回复 - 207 次查看
续前一天的示例
function loadAll(){
var list = document.getElementById("list");
if(localStorage.length>0){
var result = "";
for( ...
2019-6-28 08:41 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0626
2 个回复 - 111 次查看
Notification对象
if(window.Notification){
if(Notification.permission == "granted"){
var notification = new Notification("桌面消息", {body:"这是由Notification对象创建的桌面消息!"});}else{
document ...
2019-6-27 08:38 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0626
5 个回复 - 128 次查看
桌面通知API
Notification API
以前的桌面通知都是将消息放在一个div中(局限:仅在本网页有效,用户离开后即无效)
HTML5使用webkitNotification或者Notification生成的消息依附于浏览器
要生成一个桌面通知的 ...
2019-6-26 14:15 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0625
3 个回复 - 104 次查看
dataTransfer对象
是事件对象的一个属性,所以只能在事件处理程序中访问
dropEffect属性(拖放操作的视觉效果)
effectAllowed属性(指定当元素被拖放时所允许的视觉效果)
type属性(存入数据的种类,字符串的伪 ...
2019-6-25 14:52 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0624
2 个回复 - 118 次查看
创建文件
请求文件系统成功后,系统返回一个FileSystem对象
可在回调函数onInitFs中调用方法fs.root.getFile( )为创建的文件命名。
windows.requestFileSystem(window.TEMPORARY, 1024*1024, onInitFs, errorHa ...
2019-6-24 13:04 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0623
1 个回复 - 158 次查看
以DataURL方式读取文件:
在二进制文件读取的范例中,增加文件类型判断代码,再修改reader.readAsDataURL(file);
文件类型判断
if(!/image\/\w+/.test(file.type)){
myDiv.innerHTML="请选择图像文件! ...
2019-6-23 14:25 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0622
3 个回复 - 160 次查看
FileReader对象有一个result属性,用于存储读取文件结果
异步读取文件时,会触发事件,根据不同的事件处理不同的操作,可更人性化和健壮
读取数据中断时触发onabort事件
读取数据出错时触发onerror事件
读取数据 ...
2019-6-22 19:23 - HappyAndy_Lo - Forum
HTML5+CSS3=充实笔记0621
4 个回复 - 194 次查看
File对象与FileList对象
使用此两对象,实现上传文件界面的示例代码:
7.2.1.html
function show(){
var file, filelist, mySpan;
file=documen ...
2019-6-21 09:01 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0620
2 个回复 - 150 次查看
multiple属性:设置Input元素是否可以有多个值 pattern属性:用于设置验证input元素的方式为正则表达式placeholder属性:input元素在内容为空时的提示信息required属性ch7. File API解决Flash/Silverlight/第三方Act ...
2019-6-20 15:30 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0618
3 个回复 - 200 次查看
range类型
即滑块功能,这里默认值为0
date Pickers类型
type="datetime-local" 也可以
search类型
用于页面搜索,可以是站内搜索,也可以是google
color类型
新增表单元素
datalist
用 ...
2019-6-18 15:22 - HappyAndy_Lo - Forum
HTML5+CSS3=充实笔记0617
2 个回复 - 97 次查看
5.3 画布与SVG的比较
这两者有本质区别。SVG基于XML,在DOM解析中每个元素都是可用的,这样就可以为SVG元素附加JavaScript事件处理器,实现更丰富的效果。SVG中,每个被绘制的图形都被视为对象,若SVG对象的属性发生 ...
2019-6-17 08:29 - HappyAndy_Lo - Forum
HMTL5+CSS3-充实笔记0606
7 个回复 - 213 次查看
time元素:定义日期和时间
datetime属性指定机器读取的日期和时间
pubdate属性,表示article元素的发布日期(此属性是一个可选的布尔值)
新增非主题结构元素
header元素
hgroup元素:对header元素标题及其子标 ...
2019-6-6 15:56 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0614
3 个回复 - 105 次查看
4.9Canvas实现动画效果
清除Canvas的内容:
ctx.filleStyle="blue";
ctx.fillRect(0, 0, 400, 200);
ctx.clearRect(50, 50,150,100);
创建动画
动画的开始与停止:
开始
停止
设置实践间隔为10ms,并用变 ...
2019-6-14 14:51 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0613
3 个回复 - 182 次查看
绘制文字
ctx.font = "italic small-caps bold 12px arial";
ctx.fillText("hello1 CAnvas", 10, 50);
控制文本的颜色
一种方法:fillStyle函数设置文本的填充颜色
另一种:createLinearGradient函数为文本 ...
2019-6-13 21:10 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0612
5 个回复 - 184 次查看
剪裁图像
使用绘制函数重载
drawImage(img, x, y);
drawImage(img, x, y, width, height);
drawImage(img, sx, sy, swidth, sheight, x, y , width, height);
sx 可选,时开始剪切的x坐标位置;sy同(y坐标位置 ...
2019-6-12 09:02 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0611
5 个回复 - 123 次查看
使用图像
插入图像
使用drawImage函数直接在指定位置插入图像
var img = new Image();
img.src = "img01.png";
img.onload=function(){
ctx.drawImage(img,0,0);
};
onload事件会在图像或页面加载 ...
2019-6-11 12:02 - HappyAndy_Lo - Forum
HTML5+CSS3-充实计划0610
4 个回复 - 189 次查看
4.5图形组合
绘制阴影:需要多个属性配合完成shadowBlur/shadowOffsetX/shadowOffsetY/
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.save(); // save co ...
2019-6-10 08:49 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0609
3 个回复 - 146 次查看
4.4绘制渐变
线性渐变
var gradient = createLinearGradient(0, 0, 300, 0);
//创建宽度为300Px的水平线性渐变, 这个是渐变对象,然后需要定义渐变的颜色。
addColorStop(stop, color)函数来定义渐变的颜色 ...
2019-6-9 18:38 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0607
2 个回复 - 220 次查看
video元素与audio元素详解
属性
src属性:设置音视频文件的URL地址
autoplay属性:是否自动播放
preload属性:是否对音视频文件进行预先加载。 三个选项:none(不进行预先加载);metadata(仅加载元数据,即音 ...
2019-6-7 23:48 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0608
8 个回复 - 186 次查看
贝塞尔曲线
ctx.beginPath();
ctx.moveTo(50, 200);
ctx.bezierCurveTo(50, 100, 200, 100, 200, 150); //定义贝塞尔曲线坐标
ctx.stroke();
弧线:canvas中并没有直接绘制圆弧的方法,这里是一种变通
ctx ...
2019-6-8 16:58 - HappyAndy_Lo - Forum
HTML5+CSS3-学习笔记0605
5 个回复 - 171 次查看
draggable属性:新增。设置是否可以进行拖拽
可以用鼠标拖动这段文字。 -----chrome支持,firefox不一定dropzone属性:新增。指定当被拖动的数据在拖动到元素上时,是否被复制、移动或者链接。
...
2019-6-5 10:08 - HappyAndy_Lo - Forum
HTML5+CSS3-学习笔记0603
6 个回复 - 174 次查看
HTML5中使用CSS替代HTML4中的美化元素,如basefont/big/center/font/s/strike/tt/u等
只留下了iframe,不再支持frameset/frame/noframes
marquee/bgsound 只能被IE支持的元素舍弃
applet/bl ...
2019-6-3 13:52 - HappyAndy_Lo - Forum
HTML5+CSS3-学习笔记0604
4 个回复 - 336 次查看
ch2. HTML元素、属性与结构
巩固知识
全局属性:
class:指定CSS类选择器
id属性:元素在HTML文档中的唯一标识,可准确定位元素,从而进行各种操作
示例:
#headerColor { color:red; }
#conte ...
2019-6-4 13:25 - HappyAndy_Lo - Forum
HTML5+CSS3-学习笔记0531
4 个回复 - 113 次查看
换了一本HTML5+
CSS3书,再来一次学习,加深并巩固旧知识
从0开始学HTML5+
CSS3--2016机械工业出版社 胡晓霞编著
ch1.学习准备
chrome/firefox
HTML5 IDE开发工具:
Adobe Edge/ Adobe Dreamweaver CC / Adob ...
2019-5-31 14:06 - HappyAndy_Lo - Forum
HTML5+CSS3-学习笔记0602
5 个回复 - 170 次查看
新增表单相关属性:
autofocus 自动获得焦点
placeholder 对用户的输入进行提示
form 声明属于哪个表单,然后放置页面的任何位置(而非表单之内)
required
autocomplete
min
max
multiple允许上传 ...
2019-6-2 10:55 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0518--End
3 个回复 - 547 次查看
将网页转换成Android APP
通过Cordova Command Line,下面四个步骤即可:1)创建项目;2)添加Android平台;3)导入网页程序;4)创建APP
1. cordova create hello com.example.hello HelloWorld
2. cordov ...
2019-5-18 21:30 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0517
4 个回复 - 462 次查看
认识WebSQL
1)创建数据库;2)创建交易(Transaction);3)执行SQL语法;4)取得SQL执行结果
增删改查
关系型数据库的一切可用技巧
读取文本文件:将input元素的type属性设置为file
file组件,两个 ...
2019-5-17 10:27 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0516
7 个回复 - 448 次查看
外部页面加载事件:
1) Pageload事件
2)Pageloadfailed事件
页面切换事件
$(":mobile-pagecontainer").pagecontainer("change", to[, options]);
触摸事件============()前都有$ 符号
1. tap
("div").on(" ...
2019-5-16 08:30 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0514
8 个回复 - 433 次查看
选择菜单
每天上网时数:
少于1小时
1小时
2小时
3小时
3小时以上
按钮button
1)link button(链接按钮)
若想让标记产生文字超链接按钮显示,要使用data-role="button"属性
第二页
data-m ...
2019-5-14 08:37 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0512
6 个回复 - 489 次查看
三个选择器可以组合使用
$("p.test") 找出所有标记class属性为test的组件
常用的选择和搜索法
$("*")选择所有组件("∗")选择所有组件(this) 选择当前组件
$("p:first")选择第一个("p:first")选择第一 ...
2019-5-12 20:09 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0504
4 个回复 - 531 次查看
CSS基本语法
控制文字样式
字体属性:color/font-family/font-size/font-style/font-weight
字号(font-size)的单位:cm/mm/pt/px/em/% 默认是12pt
px是以屏幕的像素pixel为单位;pt是以点数point为单位;em以 ...
2019-5-4 13:00 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0507
7 个回复 - 449 次查看
a选择器上的属性设置会继承给 四个状态选择器
回首页 这里的#表示是空链接的意思,表示单击超链接后维持原状
鼠标光标特效
cursor:鼠标光标样式
或者 cursor: url(光标文件相对路径)
eg:
...
2019-5-7 09:41 - HappyAndy_Lo - Forum
【学习笔记】HTML5&CSS3-充实笔记0511
7 个回复 - 610 次查看
常用事件处理过程:onClick / onMouseOver / onMouseOut / onLoad / onUnload / onError / onAbort / onFocus / onBlur / onSelect / onChange / onReset / onSubmit 等
为了避免又要写事件函数,又要为每个组件加 ...
2019-5-11 10:21 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0508
9 个回复 - 522 次查看
叠字标题
分别为 HTML5+
CSS3
HTML5+
CSS3
两个标记,添加CSS效果
h1#text1{
margin:0px; padding:0px;
top:15px;
position:absolute;
font-size:40px;
c ...
2019-5-8 10:36 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记-05-09
8 个回复 - 525 次查看
对主内容区样式:因为有连个区域,一个最新消息区,一个图片展示区。其宽度一样,可以设置相同的class属性,用一个css样式即可
.consection{
display: block;
border: 0px #330000 solid;
...
2019-5-9 09:35 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0510
7 个回复 - 431 次查看
part 3
ch10. 认识jQuery与jQuery Mobile
jQuery是JavaScript函数库,简化HTML与JavaScript之间复杂的处理程序,不用再烦恼跨浏览器的问题。
认识JavaScript
一种客户端脚本直译式程序语言,目的是让网页增加动 ...
2019-5-10 14:22 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0506
15 个回复 - 660 次查看
网页组件的定位
一般定位
position : absolute/relative/static
width :
height:
left: 指定组件与左边界的距离(X坐标)
top: 组件与上边界的距离(Y坐标)
overflow:超出边界的显示方式(visible/hidde ...
2019-5-6 10:47 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0505
5 个回复 - 533 次查看
CSS样式与排版
控制边界与边框
从外到里:margin ---> border ---> Padding ---> HTML组件(边界、边框、边界间距、HTML组件)
margin-top:上边界 px/pt/%/auto auto为默认值
margin-right
margin-bo ...
2019-5-5 15:01 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0503
5 个回复 - 530 次查看
CSS应用方法:
[*]行内声明,通过style属性(适用于少数几行HTML需要)
[*]内嵌声明,在head内,使用标记。麻烦之处在于仅在当前HTML页面有效
[*]链接外部样式文件
[*]
[*]导入外部样式文件
[*]两者 ...
2019-5-3 13:59 - HappyAndy_Lo - Forum
HTML5&CSS3-充实计划0426
6 个回复 - 403 次查看
width和height固定图片大小
路径表示法:relative path / Absolute path
添加影音特效:音乐形式的文件格式有 wav/mp3/OGG(Vorbis编码)
和标记播放影音
autoplay属性
controls属性(是否显示播放 ...
2019-4-26 14:06 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0502
9 个回复 - 547 次查看
购物车
很适合使用Web Storage操作
用户关闭网页,购物车要继续保留,使用localStorage
用户关闭网页,购物车不要保留,使用sessionStorage
有个示例,有很多javascript的代码,代码繁复,这里略过
第二篇 ...
2019-5-2 10:29 - HappyAndy_Lo - Forum
HTML5&CSS3-充实计划-0429
10 个回复 - 550 次查看
一个操作localStorage的完整例子
ch05_01
function onLoad(){
if(typeof(Storage)=="undefined")
{
alert("Sorry!!Your browse ...
2019-4-29 09:34 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0430
5 个回复 - 405 次查看
删除 localStorage的方法:removeItem 或者 delete属性
1) window.localStorage.removeItem("userdata");
2) delete window.localStorage.userdata;
delete window.localStorage["userdata"];
删除全部 ...
2019-4-30 14:14 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0501
5 个回复 - 409 次查看
五一快乐!
Web Storage实例练习
ch05_03
function onLoad(){
inputSpan.style.display='none'; /*隐藏输入框和“提交”按钮 */
if(typeof(St ...
2019-5-1 11:11 - HappyAndy_Lo - Forum
HTNL5&CSS3-充实笔记0428
6 个回复 - 492 次查看
localStorage
适用于数据需要分页、或跨窗口的场合。关闭浏览器后除非主动清楚数据,否则localStorage数据会一直存在。
sessionStorage适合暂存数据(关闭窗口或分页Tab后数据就会丢失)
JavaScript基于同源策略 ...
2019-4-28 09:15 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0427
6 个回复 - 632 次查看
例子:
加入影片
你的浏览器不支持此影音播放模式!
常见的视频编码与译码技术有H.264、Ogg Theora、WebM/VP8 三种。处理音频的是Ogg Vorbis;
H.264编码编码适用于多种影片格式,例如Qui ...
2019-4-27 13:20 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0423
6 个回复 - 480 次查看
date、number、color、range等是HTML5新增的input组件,必须结合JavaScript发挥作用。 IE不支持
外观是个日期域: 年/月/日
与Number一样,都是让用户选择数字,只是range界面是水平的滚动条。
...
2019-4-23 08:44 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0421
3 个回复 - 397 次查看
对前面的例子,若不使用表格,可以通过CSS语法进行定位也是相当容易的。
Ch03_03_CSS
div{position: absolute;left: 50px; top: 50px;}
img{position: absolute; ...
2019-4-21 13:44 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0419
7 个回复 - 339 次查看
超链接:无论文字、图片都可以加超链
target的值:
_blank 新窗口打开;
_parent 当前窗口打开,如果在框架网页中,则会在上一层框架打开目标网页
_self 当前运行的窗口打开(默认值)
_top ...
2019-4-19 10:33 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0417
5 个回复 - 418 次查看
HTML中常用的文字效果标记:
等
标记HTML5已经停用,建议用CSS来设置文字外观
HTML4常用,其中的size、color、face(系统内置字形,设置文字的字体)比较有用和方便。
三者可以组合使用 三者都必须 ...
2019-4-17 16:39 - HappyAndy_Lo - Forum
HTML5&CSS3--充实笔记0415
8 个回复 - 603 次查看
HTML中,
标记来区分段落。换行
让文字按照原始代码的排列方式进行显示
表示引用文字,会将标记内的文字换行、缩进
在网页中添加分割线,让画面更容易区分主题或段落。 (align/size/width/color/nosh ...
2019-4-15 09:41 - HappyAndy_Lo - Forum