
HTML
文章平均质量分 69
jwllwj_2018
start:2016.7-2016.12 ~~~记录
展开
-
html相关笔记(一)
1.h1标题标签 一个页面只能用一个 就像一篇文章只能有一个大标题2.当img标签只单单设置一个 width或者height时 会等比例缩放或者放大 ,同时设置 width和height时 就会 不等比例缩放或者放大 图片会变形。3.尽量使用 语义化文本标签strong em del ins 少使用 b i s u4.html 是结构标准 css 是表现标准js 是行为标准 5.浏览器内核决定...原创 2018-06-08 09:40:39 · 165 阅读 · 0 评论 -
html相关笔记(二)
1. 超链接的锚点链接 不仅可以指向 <p id="mao"></p> 也可以指向 <a name="mao" ></a>2.页面超链接的优化写法 <base target="_blank" >3.meta 标签声明 chareset="utf-8" 是为了告诉浏览器怎么解析, name=&原创 2018-06-08 09:42:36 · 151 阅读 · 0 评论 -
html+css相关笔记(一)
1.a链接的href◆href属性如果什么都不写,默认刷新当前页面◆href属性如果写网址,会跳转到该网址◆href属性如果写#,会跳到当前页面的最上端◆href属性如果写javascript:void(0);或者avascript:;,就会取消a链接的功能。2.定位属性中的优先级◆left比right的优先级要高,设置了left之后再设置right,right属性无效。◆top比bottom的优...原创 2018-06-09 07:24:43 · 194 阅读 · 0 评论 -
HTML5的使用及基本注意说明相关笔记(一)
1 网页开发方式上的两个层次:◆HTML4.1 ◇结构:html4.0 ◇样式:css css2 ◇行为:js◆HTML5 ◇结构:html5 ◇样式:css3 ◇行为:js API 有所增强 如 地理定位 web存储 拖拽 重力感应 硬件访问等2.HTML5◆HTML5狭义的概念上就是HTML4的升级版本,HTML5广义上的概念上就是代表着浏览器技术发展的的一个阶段,也就是 html5+css3...原创 2018-07-01 12:51:15 · 435 阅读 · 0 评论 -
CSS3的使用及基本注意说明相关笔记(一)
1.CSS3◆浏览器支持程度差,需要添加私有前缀,移动端支持优于pc端,因为移动端的浏览器都是最新版本的,css3也在不断改进中,应用的相对广泛。◆实际工作中写网页要使用渐进增强原则:低版本的浏览器可以正常访问页面,高版本的浏览器访问页面用户体验更好。◆实际工作中要考虑用户群体,遵照产品的方案,听技术的上司(最新的技术大多意味着兼容性不是很好)的安排。2.css2中的选择器◆div {} 标签选择...原创 2018-07-01 14:16:42 · 164585 阅读 · 0 评论 -
CSS3的使用及基本注意说明相关笔记(二)
1.css3圆角边框样式 border-radius◆border-radius表示盒子四个角(左上角、右上角、右下角、左下角)的弧度,border-radius:60px 60px 60px 60px;,如果圆角弧度四个值都相同,那个可以简写,border-radius:60px;(其实赋值的方式和margin与padding类似,都是shun时针赋值,赋一个值表示全方向,赋两个值表示左上角和右...原创 2018-07-01 23:30:46 · 169485 阅读 · 0 评论 -
CSS3的使用及基本注意说明相关笔记(三)
1.每一个方向上的边框形状并不是矩形的,其实是三角形或梯形的,配合圆角边框可以制作美丽花瓣<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>边框的实际形状(制作美丽花瓣)</title> &原创 2018-07-02 00:53:03 · 120781 阅读 · 1 评论 -
CSS3的使用及基本注意说明相关笔记(四)
1.使用CSS3来DIY图片i无缝轮播效果:图片大小:126*86<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>使用css3动画制作自动无缝轮播图</title> <sty原创 2018-07-02 12:19:48 · 160734 阅读 · 1 评论