内容精选
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章 项目实战案例