当前位置:主页 > 计算机电子书 > 程序设计 > Web应用下载
从零开始学HTML5+CSS3

从零开始学HTML5+CSS3 PDF 超清版

  • 更新:2019-07-29
  • 大小:175.4 MB
  • 类别:Web应用
  • 作者:胡晓霞
  • 出版:机械工业出版社
  • 格式:PDF

  • 资源介绍
  • 相关推荐

从零开始学HTML5+CSS3

内容精选

1.字符串

str.charAt(字符串索引),若索引超过字符串长度,返回空。
str.indexof(“某字符”),找到这个字符顺序第一次出现的索引。
str.lastIndexof(“某字符”),找到某字符串倒序最后出现的索引,若没有返回-1。
str.Uppercase(),将str转换为大写。
str.Lowercase(),将str转换为小写。
str.substr(2,3),从索引为2开始,向后取3个字符。
str.substring(2,5),取索引[2,5)的字符。str.substring(5,2)和前者结果一样。
str.slice(2,5),取索引[2,5)的字符。str.slice(5,2)返回空,不能这么写。
str=”welcome”,str.split(“e”),以e分割它,得到[“w”,”locm”,”“]。

2.date

var d=new Date();
var year=d.getFullYear();//年
var month=d.getMonth();//月
var date=d.getDate();//日
var hour=d.getHours();//时
var minute=d.getMinutes();//分
var second=d.getSeconds();//秒
var milliseconds=d.getMilliseconds();//毫秒
可以得到当前的时间。
月份要加1,如果你想得到3月,那么输入的是2。
日期具有自动更正的效果。如果你想知道2012年2月多少天,那么var d=new Date(2012,2,0)。

3.css3新增
01 :root{
font-size:62.5%;
}设置整个页面的文字大小为16px默认*62.5%=10px。

02 rem,直接设置文字和根元素大小相比,em是和它的父级相比。

03 新增选择器:
:first-child,父元素第一个子元素。
:last-child,父元素最后一个子元素。
:nth-child(3),父元素的第3个子元素。
:nth-last-child(3),父元素的倒数第3个子元素。
:nth-child(3n+1),父元素的第1,4,7…个子元素。
:nth-child(even/add),父元素的偶/奇数个子元素。
以上的前提是父元素后面全是这一种子元素,若还有其他类型不同的元素,还要选到它们则要使用type。用法和child原理一样。

04 伪类
input{
outline: none;/* 将浏览器默认的轮廓样式清除 */
}
input:focus{
border:1px solid red;
}
input获取焦点时改变input边框样式,input此时type为text。
input:enabled{
border:1px solid blue;
}
input处于可用状态时改变input边框样式,input此时type为text。
input:disabled{
border:1px dashed pink;
}
input处于不可用时改变input边框样式,input此时type为text。
input:checked{
margin-right: 20px;
}
input处于选中状态时改变input边框样式,input此时type为checkbox。

body ::selection{
font-size:3rem;
color:red;
text-decoration: line-through;
font-weight: bold;
};选中状态,就是ctrl+a那种选中样子。

input:read-only{
font-size:3rem;
color:#ff7300;
}
input处于只读时改变input边框样式,input此时type为text。
readonly和disabled区别
表单元素被提交的两个条件:
1.元素必须是enabled
2.元素必须有name属性
就是disabled不能被提交。

内容介绍

《从零开始学HTML5+CSS3》循序渐进地介绍了使用HTML5与CSS3创建Web应用的专业知识,共23章。第1章到第14章主要介绍了HTML5的相关基础知识,包括学习前的准备,HTML5元素、属性和格式化的应用,HTML5视频和音频的应用和控制,使用Canvas和SVG绘制图形,表单与文件API操作,拖放与桌面通知API操作,本地存储与离线应用,多线程与WebSockets编程的技术。第15章到第22章主要介绍了CSS3的特性与用法,包括CSS基础知识,CSS选择器,使用CSS插入内容,设置文本样式、图片样式、背景样式、表单样式、超链接样式和鼠标样式,以及CSS3中滤镜的使用方法等。最后一章通过两个项目案例,对本书所讲内容进行回顾和总结,以提高读者的实战技能。

目录

  • 第1章 HTML 5 CSS 3学习准备
  • 第2章 HTML元素、属性与结构
  • 第3章 HTML 5音频和视频
  • 第4章 HTML 5 Canvas
  • 第5章 HTML 5 SVG
  • 第6章 Form API
  • 第7章 File API
  • 第8章 拖放API与桌面通知API
  • 第9章 本地存储与离线应用
  • 第10章 Communication API
  • 第11章 Web Workers API与 Web SQL API
  • 第12章 WebSocket API
  • 第13章 地理位置API
  • 第14章 History API
  • 第15章 CSS基础知识
  • 第16章 CSS 3选择器
  • 第17章 使用CSS选择器插入内容
  • 第18章 使用CSS设置文本样式
  • 第19章 使用CSS设置图片与背景样式
  • 第20章 使用CSS设置列表与表单样式
  • 第21章 对超链接和鼠标应用样式
  • 第22章 CSS中的滤镜
  • 第23章 项目实战案例

资源下载

资源下载地址1:https://pan.baidu.com/s/1Md8Gffy-6a11IdsOKE7x9A

相关资源

网友留言