![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5权威指南
gyypwrs
这个作者很懒,什么都没留下…
展开
-
HTML5权威指南——使用DOM对象
使用元素对象使用以下的一组属性能够读取或者修改被代表的元素的数据,属性如下:使用类有两种方法来处理元素的类,className和classListclassName返回一个类的列表。使用举例如下:<!doctype html><html> <head> <meta charset="utf-8"> <style> p { border: 2px solid black;原创 2020-12-06 21:57:48 · 143 阅读 · 0 评论 -
HTML5权威指南——使用window对象
1.获取window对象获取window对象有两种方式一个是document.defaultView,一种是全局变量windowvar width = window.outerWidthvar height = document.defaultView.height2.获取窗口信息特别的是window.screen对象还有以下几个属性值3.与窗口进行交互谨慎使用以下的几个功能吧,窗口的控制应该由用户来决定4.对用户进行提示对用户进行提示的这几个方法我好像在学之初都用过,就原创 2020-12-06 16:31:47 · 1590 阅读 · 0 评论 -
HTML5权威指南——使用Document对象
使用Document元数据1.获取文档信息获取文档的元数据,有charset,domain等2.使用Location对象使用document.location来和获取文档的地址信息用document.hash或者document.assign导航到其他位置document.location.hash = "banana"//值是文档URL锚的部分document.location.assign("http://www.baidu.com")//值是URL3.读取和写入cookiec原创 2020-11-24 19:58:46 · 746 阅读 · 0 评论 -
HTML5权威指南——其他CSS属性和特性
设置元素的颜色和透明度1.设置元素的颜色使用color属性来设置元素的颜色,一般就是文本的颜色,代码规范里讲颜色值中十六进制的写法中能用缩写的就写缩写,不用颜色名(如red)2.设置元素的透明度使用opacity属性来设置元素的透明度,它的值在0~1之间,值越大越不透明,也就是说0是完全透明的,1是不透明的设置表格的样式1.合并表格边框border-collpase的值为collpase表格就是单边框,如下第一张图所示,默认值就是separate如第二章图所示。2.配置独立边框使原创 2020-11-17 20:07:57 · 124 阅读 · 0 评论 -
HTML5权威指南——过渡,动画和变换
使用过渡过渡效果一般指的是浏览器直接改变CSS属性实现的,使用transition的一系列属性就可以控制应用新属性的速度过渡属性如下属性说明transition-delay指定过渡开始之前的延迟时间transition-duration指定过渡的持续时间transition-property指定过渡应用的属性transition-timing-function指定过渡期间计算中间值的方式transition以上过渡声明都可简写于此时间的单原创 2020-11-17 19:10:35 · 405 阅读 · 0 评论 -
HTML5权威指南——设置文本样式
应用基本文本样式1.对齐文本使用text-align设置文本的对齐方式,值有start,end,left,right,center,justify,若值为justify,则使用text-justify属性设置文本添加空白的方式。当取值为 start 和 end 时,对齐的位置跟文本流的书写方向有关,书写方向不同,其对齐的位置也不同。对于从左到右的内容,start和left等价,end和right等价;对于从右到左的内容,start和right 等价,end和left等价。大多数情况下,文本流的默认书原创 2020-11-07 15:49:33 · 483 阅读 · 0 评论 -
HTML5权威指南——创建布局
定位内容position属性设置元素的定位方式以下是该属性的值值说明static默认值,普通布局relative元素位置相对于static定位absolute元素相对于position值不为static的第一位祖先元素定位fixed元素相对于浏览器窗口定位在设置了position之后,用top/left/right/bottom来指定元素的偏移量z-index指定元素的层叠顺序,值越小层叠顺序越靠后且允许负值创建多列布局跟报纸的排版一样原创 2020-10-30 20:39:45 · 312 阅读 · 0 评论 -
HTML5权威指南——使用盒模型
看了书发现自己对盒模型的理解是零碎的不成体系的。为元素应用内边距内边距就是padding,内边距的设置也是四个方向padding-top/padding-right/padding-left/padding-bottom,以及他们的简写属性padding如果使用百分数指定内边距的话,百分数跟包含块的宽度有关,高度不在考虑范围。内边距可以有效防止边框绘制在文本上。为元素应用外边距外边距就是margin,同样边距的设置也是四个方向margin-top/margin-left/margin-ri原创 2020-10-30 18:57:49 · 162 阅读 · 0 评论 -
HTML5权威指南——使用边框和背景
今日迷惑:如何写好技术类的读书笔记而不成为一个抄书怪?应用边框样式边框的三个关键属性:border-width,border-style,border-color对于这三个属性可以直接简写为borderborder-width的属性值如下值说明长度值使用如em,px,cm 的长度值百分数将边框宽度设置为边框绘制区域的宽度的百分数thin/medium/thick这些宽度的值由浏览器决定,逐一增宽border-style属性默认none下面使它的属性值原创 2020-10-30 17:11:51 · 219 阅读 · 0 评论 -
HTML5权威指南——CSS选择器(2)
结构性伪类选择器所谓的结构性伪类选择器就是根据元素在文档中出现的位置来选择元素。这些选择器既可以单独使用也可以搭配使用根元素选择器 :root返回文档的根元素,返回的就是html元素子元素选择器如下:选择器说明:first-child选择元素的第一个子元素:last-child选择元素的最后一个子元素:only-child选择元素的唯一子元素:only-of-type选择元素指定类型的唯一子元素:nth-child选择器与子元素选择器类似,原创 2020-10-30 14:30:05 · 100 阅读 · 0 评论 -
HTML5权威指南——CSS选择器(1)
这本书CSS选择器居然有两章,让我意识到自己知道的选择器是有点少了。使用CSS基本选择器1.选择所有元素通配选择所有的元素包含html和body元素 星号(*)2.根据类型选择元素原创 2020-10-30 13:05:25 · 123 阅读 · 0 评论 -
HTML5权威指南——嵌入内容
嵌入图像使用img元素嵌入图像嵌入一张图片需要使用src和alt属性用width和height属性来确定图片的宽高,这个属性只是用来告诉浏览器该给这张图片的留下多大的空间,用这个属性来缩放图片是不太适合的。1.在超链接里嵌入图像这个其实没什么好记录的,就是a标签里的内容是img标签,点击了img就可以访问到相应的url若给img元素添加ismap属性就创建了一个服务器端分区响应图,就是点击的位置会附加到url上,然后根据根据点击区域的不同做出不同的响应举例如下,若点击的位置距图像顶部4px,原创 2020-10-27 21:42:21 · 239 阅读 · 0 评论 -
HTML5权威指南——其他表单元素和输入验证
使用其他表单元素1.生成选项列表select元素生成一个选项列表供用户选择option元素作为select元素的子元素用来生成各个选项(跟datalist中的option一样)select元素的name,disabled,form,autofocus和required属性与input中的同名属性作用一样设置multiple属性可以一次选择多个设置size属性可以设定用来显示给用户的选项数目(区别input属性中的size表示能显示的字符的数目)使用optgroup元素对选项进行分类。&l原创 2020-10-27 17:46:39 · 96 阅读 · 0 评论 -
HTML5权威指南——定制input元素
input元素的属性有23个不同的值,在想要不要给他们挨个记录一下呢,光看是记不住的,但是一定要都要记住他们吗?用input元素输入文字用input元素用作输入文字,那么它的type就是text或者不设置type属性(因为它是默认属性)。1.设定元素大小maxlength属性设定用户能输入字符数的最大值。size属性设定文本框能够显示的字符数目。2.设置初始值和占位式提示使用value属性设置一个默认值使用placeholder属性设置一段提示文字。3.使用数据列表讲input元素的属原创 2020-10-26 22:39:31 · 229 阅读 · 0 评论 -
HTML5权威指南——表单
复习以前写的文章发现一大段一大段的话我自己都不想读下去,从这一篇往后,我就将一些要点像无序列表的样子呈现了。制作基本表单制作基本表单就依靠三个元素form,input,button元素。form元素告诉浏览器现在是一个HTML表单了。input元素用来收集用户的输入数据。button元素的作用就是告诉浏览器输入完毕啦,该把我发到服务器了。这样写就生成一个简单的表单了。<form> <input placeholder="请输入···"> <button&原创 2020-10-25 18:08:40 · 300 阅读 · 0 评论 -
HTML5权威指南——表格元素
每次做表格都是现查的,今天就做个了断吧!(以后查自己写的)生成基本的表格生成表格的基本三个元素就是table,tr,td。table就是HTML文档中用来表示表格,tr表示表格中的行,td表示行中的单元格。用这三个元素就可以做出一个简单的表格。 <table> <tr> <td>Rank</td> <td>Name</td>原创 2020-10-24 19:58:02 · 231 阅读 · 0 评论 -
HTML5权威指南——用基本的文字元素标记内容
这下面要记录的标签都与设置文字呈现形式相关的,鉴于他们太零碎了,就在这里做一下记录吧!书中作者也说到顺应语义与呈现分离的原则,尽量少用吧!多用CSS来设置呈现方式吧!表示关键词和产品名称b元素用来标记一段文字,但并不表示强调或者是重要性。设计他的初衷应该就是用来标记文章中提要中的关键词和产品评论中的产品名称。他的实际做法就是将内容加粗<body> I like <b>apples</b> and <b>oranges</b></bo原创 2020-10-24 16:17:22 · 192 阅读 · 0 评论 -
HTML5权威指南——用元数据元素说明文档
元数据元素用来提供HTML文档的信息,一般放在head元素中。设置文档标题在浏览器的窗口或者标签页上显示该内容<!doctype html><html> <head> <title>Example</title> <head> <body> <p> I like apples </p> <body><html>设置URL的解析基准base元素用来原创 2020-10-23 18:48:56 · 175 阅读 · 0 评论 -
HTML5权威指南——显式类型转换(数值与字符串)
数值转化为字符串方法说明toString(n)以n进制形式表示数值,n不填时默认为十进制,返回字符串toFixed(n)以小数点后有n位数字的形式表示实数,返回字符串toExponential(n)以指数表示法表示数值,尾数的小数点前后分别有1位数字和n位数字,返回字符串toPrecision(n)用n位有效数字表示数值,返回字符串var data1=(5).toString()+String(5);console.log(data1);//55将原创 2020-10-23 17:08:28 · 390 阅读 · 0 评论 -
HTML5权威指南——CSS的长度
CSS的长度分为两种,相对的和绝对的。相对的肯定就是有参照物的,在参照物的基础上放缩。但奇怪的是px是相对长度。绝对长度绝对长度就是现实世界的度量单位,为打印文档设计样式可以使用这种单位。单位标识符说明in英寸cm厘米mm毫米pt磅(1/72英寸)pcpica(1pica等于12磅)相对长度单位标识符说明em与元素字号挂钩ex与元素字体的“x高度”挂钩rem与根元素的字号挂钩pxcss像素原创 2020-10-23 15:25:47 · 209 阅读 · 0 评论