结果:找到“HTML css”相关内容141个,排序为按回复时间降序,搜索更多相关帖子请点击“高级”
Pro_HTML5_with_CSS_JavaScript_and_Multimedia
0 个回复 - 1049 次查看
Get ahead in
HTML5, including markup, styling, and scripting, with many practical examples and best practice insights. You’ll quickly understand
HTML5 markup elements and when to use them, and ...
2018-6-25 19:48 - xdfhz - IT基础
html+css
0 个回复 - 836 次查看
下面附件是基于 head first +
css 权威指南edition3 读书笔记。
请惠存
HTML5.docx
2017-12-18 13:16 - xiawaluodi - 数据可视化
【独家发布】【kindle】HTML5与CSS3基础教程(第7版)
17 个回复 - 3385 次查看
如果喜欢该文档,欢迎订阅【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 个回复 - 136 次查看
昨日阅读3小时,累计阅读587小时
ch14 History API
用于对历史记录进行控制和管理
以前版本也有此功能:window.history调用History对象,使用back()方法回退,forward方法前进下一页
HTML5中新增了 pushStat ...
2019-7-20 23:13 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0707
3 个回复 - 328 次查看
ch13.地理位置API
除GPS定位之外,通过IP地址、WiFi和移动通信网络等方式也可以进行地理位置定位
一般流程:
[*]开启设备或打开应用
[*]请求地理位置
[*]根据定位方式的不同,查询相关地理信息
[*]将查询到的 ...
2019-7-7 22:53 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0706
4 个回复 - 399 次查看
以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 个回复 - 247 次查看
ch12. Web Socket API
满足Web端与服务器端信息的实时通信,它是一种全新的协议,可以在浏览器和服务器之间建立一个基于TCP连接的双向通道,保持两者的信息同步
Socket通信可以在两个应用程序之间通过“套接字” ...
2019-7-5 14:40 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0704
5 个回复 - 261 次查看
写入数据
类似于创建数据表的操作
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 个回复 - 284 次查看
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 个回复 - 399 次查看
ch10. Communication API
网页文档之间实现互相接收与发送信息的功能(实现跨文档消息通信)
XMLHttpRequest的升级版实现了跨源XMLHttpRequest和进度事件功能
跨文本消息通信(Cross Document Messaging)和XML ...
2019-6-30 10:26 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0629
2 个回复 - 203 次查看
离线应用
Web应用程序在离线状态下也能正常工作,需要将Web应用程序的资源文件缓存在本地,当无法访问互联网时,还可以使用缓存文件运行Web程序
访问一个网页时,浏览器缓存会将该网页所需要的所有资源缓存在本地 ...
2019-6-29 23:22 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0628
2 个回复 - 252 次查看
续前一天的示例
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 个回复 - 147 次查看
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 个回复 - 161 次查看
桌面通知API
Notification API
以前的桌面通知都是将消息放在一个div中(局限:仅在本网页有效,用户离开后即无效)
HTML5使用webkitNotification或者Notification生成的消息依附于浏览器
要生成一个桌面通知的 ...
2019-6-26 14:15 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0625
3 个回复 - 134 次查看
dataTransfer对象
是事件对象的一个属性,所以只能在事件处理程序中访问
dropEffect属性(拖放操作的视觉效果)
effectAllowed属性(指定当元素被拖放时所允许的视觉效果)
type属性(存入数据的种类,字符串的伪 ...
2019-6-25 14:52 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0624
2 个回复 - 149 次查看
创建文件
请求文件系统成功后,系统返回一个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 个回复 - 203 次查看
以DataURL方式读取文件:
在二进制文件读取的范例中,增加文件类型判断代码,再修改reader.readAsDataURL(file);
文件类型判断
if(!/image\/\w+/.test(file.type)){
myDiv.inner
HTML="请选择图像文件! ...
2019-6-23 14:25 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0622
3 个回复 - 209 次查看
FileReader对象有一个result属性,用于存储读取文件结果
异步读取文件时,会触发事件,根据不同的事件处理不同的操作,可更人性化和健壮
读取数据中断时触发onabort事件
读取数据出错时触发onerror事件
读取数据 ...
2019-6-22 19:23 - HappyAndy_Lo - Forum
HTML5+CSS3=充实笔记0621
4 个回复 - 258 次查看
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 个回复 - 185 次查看
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 个回复 - 239 次查看
range类型
即滑块功能,这里默认值为0
date Pickers类型
type="datetime-local" 也可以
search类型
用于页面搜索,可以是站内搜索,也可以是google
color类型
新增表单元素
datalist
用 ...
2019-6-18 15:22 - HappyAndy_Lo - Forum
HTML5+CSS3=充实笔记0617
2 个回复 - 136 次查看
5.3 画布与SVG的比较
这两者有本质区别。SVG基于XML,在DOM解析中每个元素都是可用的,这样就可以为SVG元素附加JavaScript事件处理器,实现更丰富的效果。SVG中,每个被绘制的图形都被视为对象,若SVG对象的属性发生 ...
2019-6-17 08:29 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0614
3 个回复 - 131 次查看
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 个回复 - 227 次查看
绘制文字
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 个回复 - 221 次查看
剪裁图像
使用绘制函数重载
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 个回复 - 172 次查看
使用图像
插入图像
使用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 个回复 - 216 次查看
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 个回复 - 184 次查看
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 个回复 - 265 次查看
video元素与audio元素详解
属性
src属性:设置音视频文件的URL地址
autoplay属性:是否自动播放
preload属性:是否对音视频文件进行预先加载。 三个选项:none(不进行预先加载);metadata(仅加载元数据,即音 ...
2019-6-7 23:48 - HappyAndy_Lo - Forum
HTML5+CSS3-充实笔记0608
8 个回复 - 234 次查看
贝塞尔曲线
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 个回复 - 214 次查看
draggable属性:新增。设置是否可以进行拖拽
可以用鼠标拖动这段文字。 -----chrome支持,firefox不一定dropzone属性:新增。指定当被拖动的数据在拖动到元素上时,是否被复制、移动或者链接。
...
2019-6-5 10:08 - HappyAndy_Lo - Forum
HTML5+CSS3-学习笔记0603
6 个回复 - 214 次查看
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 个回复 - 379 次查看
ch2.
HTML元素、属性与结构
巩固知识
全局属性:
class:指定CSS类选择器
id属性:元素在
HTML文档中的唯一标识,可准确定位元素,从而进行各种操作
示例:
#headerColor { color:red; }
#conte ...
2019-6-4 13:25 - HappyAndy_Lo - Forum
HTML5+CSS3-学习笔记0531
4 个回复 - 154 次查看
换了一本
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 个回复 - 205 次查看
新增表单相关属性:
autofocus 自动获得焦点
placeholder 对用户的输入进行提示
form 声明属于哪个表单,然后放置页面的任何位置(而非表单之内)
required
autocomplete
min
max
multiple允许上传 ...
2019-6-2 10:55 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0518--End
3 个回复 - 587 次查看
将网页转换成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 个回复 - 491 次查看
认识WebSQL
1)创建数据库;2)创建交易(Transaction);3)执行SQL语法;4)取得SQL执行结果
增删改查
关系型数据库的一切可用技巧
读取文本文件:将input元素的type属性设置为file
file组件,两个 ...
2019-5-17 10:27 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0516
7 个回复 - 508 次查看
外部页面加载事件:
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 个回复 - 498 次查看
选择菜单
每天上网时数:
少于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 个回复 - 525 次查看
三个选择器可以组合使用
$("p.test") 找出所有标记class属性为test的组件
常用的选择和搜索法
$("*")选择所有组件("∗")选择所有组件(this) 选择当前组件
$("p:first")选择第一个("p:first")选择第一 ...
2019-5-12 20:09 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0504
4 个回复 - 581 次查看
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 个回复 - 497 次查看
a选择器上的属性设置会继承给 四个状态选择器
回首页 这里的#表示是空链接的意思,表示单击超链接后维持原状
鼠标光标特效
cursor:鼠标光标样式
或者 cursor: url(光标文件相对路径)
eg:
...
2019-5-7 09:41 - HappyAndy_Lo - Forum
【学习笔记】HTML5&CSS3-充实笔记0511
7 个回复 - 672 次查看
常用事件处理过程: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 个回复 - 596 次查看
叠字标题
分别为
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 个回复 - 579 次查看
对主内容区样式:因为有连个区域,一个最新消息区,一个图片展示区。其宽度一样,可以设置相同的class属性,用一个
css样式即可
.consection{
display: block;
border: 0px #330000 solid;
...
2019-5-9 09:35 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0510
7 个回复 - 503 次查看
part 3
ch10. 认识jQuery与jQuery Mobile
jQuery是JavaScript函数库,简化
HTML与JavaScript之间复杂的处理程序,不用再烦恼跨浏览器的问题。
认识JavaScript
一种客户端脚本直译式程序语言,目的是让网页增加动 ...
2019-5-10 14:22 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0506
15 个回复 - 729 次查看
网页组件的定位
一般定位
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 个回复 - 589 次查看
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 个回复 - 635 次查看
CSS应用方法:
[*]行内声明,通过style属性(适用于少数几行
HTML需要)
[*]内嵌声明,在head内,使用标记。麻烦之处在于仅在当前
HTML页面有效
[*]链接外部样式文件
[*]
[*]导入外部样式文件
[*]两者 ...
2019-5-3 13:59 - HappyAndy_Lo - Forum
HTML5&CSS3-充实计划0426
6 个回复 - 444 次查看
width和height固定图片大小
路径表示法:relative path / Absolute path
添加影音特效:音乐形式的文件格式有 wav/mp3/OGG(Vorbis编码)
和标记播放影音
autoplay属性
controls属性(是否显示播放 ...
2019-4-26 14:06 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0502
9 个回复 - 597 次查看
购物车
很适合使用Web Storage操作
用户关闭网页,购物车要继续保留,使用localStorage
用户关闭网页,购物车不要保留,使用sessionStorage
有个示例,有很多javascript的代码,代码繁复,这里略过
第二篇 ...
2019-5-2 10:29 - HappyAndy_Lo - Forum
HTML5&CSS3-充实计划-0429
10 个回复 - 661 次查看
一个操作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 个回复 - 452 次查看
删除 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 个回复 - 438 次查看
五一快乐!
Web Storage实例练习
ch05_03
function onLoad(){
inputSpan.style.display='none'; /*隐藏输入框和“提交”按钮 */
if(typeof(St ...
2019-5-1 11:11 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0427
6 个回复 - 689 次查看
例子:
加入影片
你的浏览器不支持此影音播放模式!
常见的视频编码与译码技术有H.264、Ogg Theora、WebM/VP8 三种。处理音频的是Ogg Vorbis;
H.264编码编码适用于多种影片格式,例如Qui ...
2019-4-27 13:20 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0423
6 个回复 - 537 次查看
date、number、color、range等是
HTML5新增的input组件,必须结合JavaScript发挥作用。 IE不支持
外观是个日期域: 年/月/日
与Number一样,都是让用户选择数字,只是range界面是水平的滚动条。
...
2019-4-23 08:44 - HappyAndy_Lo - Forum
HTML5&CSS3-充实笔记0421
3 个回复 - 432 次查看
对前面的例子,若不使用表格,可以通过CSS语法进行定位也是相当容易的。
Ch03_03_CSS
div{position: absolute;left: 50px; top: 50px;}
img{position: absolute; ...
2019-4-21 13:44 - HappyAndy_Lo - Forum