YHIH-CSDN博客

转载 BOM与DOM

BOM概述 1、什么是BOM BOM即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性 BOM缺乏标准，javascript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部份 1.2 BOM的构成 window对象是浏览器的顶级对象，它具有双重角色 1.它是js访问浏览器窗口的一个接口 2.它是一个全局对象，定义在全局作用域中的变量，函数都会变成win

2020-08-03 13:52:07 235

转载 JavaScript基础

JavaScript简介 JavaScript是一种解释型脚本语言，目的是能够在客户端的网页中增加动态效果和交互能力，实现了用户与网页之间的一种实时的、动态的交互关系。它最初是由网景公司设计的，起名为LiveScript，后来Java语言非常红火，网景公司希望借助Java的名气来推广，改名为JavaScript，但是除了语法有点相似，在其他部分基本上没啥关系。后来，JavaScript被Netscape公司交给ECMA制定标准，成为ECMAScript，最新版ECMAScript6（简称ES6）已经在2

2020-07-29 13:59:32 245

原创 transform、transition与animation

4.1 css变形 Transform translate()：平移函数，基于X、Y坐标重新定位元素的位置 scale()：缩放函数，可以使任意元素对象尺寸发生变化 rotate()：旋转函数，取值是一个度数值 skew()：倾斜函数，取值是一个度数值 4.2 transition 过渡过渡相当于只提供两帧的动画，css帮助我们补充中间的过渡帧 transition:[transition-property transition-duration transition-timing-function

2020-07-29 13:56:35 252

原创 HTML border padding margin border-radius

3.1 边框其他的border-width 还有border-style都是可以按这种方式进行设置还可以统一简写成 border：1px solid red; 3.2 外边距盒子和盒子之间的距离，margin 四个方向都可以设置，设置方式和边框一样 Margin妙用网页居中对齐左右的这个值使用auto,使得元素左右居中显示 3.3 padding 内边距设置的是内容和边框之间的距离 Padding会撑大盒子的大小，要保持原样，可以自己计算新width的大小，减去padding的值解决方

2020-07-23 08:21:55 436

原创用CSS样式完成作业

1、css设置字体和文字样式 html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>css_font</title> <link rel="stylesheet" type="text/css" href="css/css_font.css"/> </head> <body> <div>

2020-07-21 20:18:29 1420 1

转载 CSS基础知识

1、标签样式行内样式内部样式外部样式 2、选择器类型 ①基本选择器：标签选择器类选择器 id选择器优先级：id>类>标签 ②高级选择器：层次选择器结构伪类选择器属性选择器 3、CSS ①css背景样式 background-color：背景颜色 background-image：背景图片（URL背景地址，默认水平垂直都铺满背景图） background-repeat：背景图片的平铺方式（repeat-x、repeat-y、repeat、no-repeat） background

2020-07-20 19:40:21 162

原创第一周用HTML制作的所有网页

一超链接 1.京东读书页面京东读书新闻资讯页面看不见的完美硬币：细节的负担创新公司皮克斯的启示细节从来都是个好东西，完美的细节往往给我们赢得商业上的胜利。但是，在皮克斯，这一家满是完美主义设计师的企业里，细节竟然成了负担。怎么打造完美的细节？又怎么赢得商业上的利益。皮克斯总裁艾德·卡特姆为我们解答。看不见的完美硬币：细节的负担在皮克斯，每一部电影都是商业与艺术的双赢。不管这些电影是艺术作品，还是商品，细节都是至关重要的，是决定成

2020-07-18 22:08:24 502

原创 From表单

1、按钮型 submit 提交；reset 重置；button 按钮；image 图片 BUTTON 2、单选和复选 radio 单选；checkbox 复选 onclick 男女 Games Watching Cartoon Writing 3、text、password、textarea、hidden 输入字段 Article:这是一个文本框，可以输入任意长度文本!!!这是一个文本框，可以输入任意长度文本!!!这是

2020-07-17 10:43:02 222

原创关于iframe框架的知识小结

1、自我理解 iframe主要适用于同一页面下的页面跳转，即不用重新加载本页面，直接点击超链接既可在指定的iframe框架下刷新。 2、框架属性属性值描述 src url地址 iframe初始显示的地址 name name iframe的名称，用于超链接的目标指定 width 像素设定iframe的宽度 height 像素设定iframe的高度 3、其他链接 Blog ...

2020-07-16 20:18:43 178

转载关于＜video＞的一些属性

1、的适用范围现在如果要在页面中使用video标签，需要考虑三种情况，支持Ogg Theora或者VP8（如果这玩意儿没出事的话）的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、Chrome），都不支持的（IE6、7、8）。好吧，现在让我们从技术层面来认识HTML 5的视频，包括video标签的使用，视频对象可以用到的媒介属性和方法，以及媒介事件。 2、有哪些属性 Video标签含有src、poster、preload、autoplay、loop、controls

2020-07-16 13:21:29 1848

转载关于列表List

ul是unordered lists的缩写 (无序列表) li是list item的缩写（列表项目） ol是ordered lists的缩写（有序列表） dl是definition lists的英文缩写 (自定义列表) dt是definition term的缩写 (自定义列表组) dd是definition description的缩写（自定义列表描述） nl是navigation lists的英文缩写（导航列表） tr是table row的缩写（表格中的一行） th是table header cel

2020-07-15 20:16:38 400

原创 JAVA日常笔记

7月15日 HTML（超文本标记语言）初学习 start 1、了解了HTML的基本格式，如下 JAVA日常笔记收获满满 2、html发展史（https://blog.csdn.net/qq_42292831/article/details/88624886） 3、W3C（万维网联盟）标准：结构化标准语言（XHTML、XML）表现标准语言（CSS）行为标准（DOM、ECMAScript） 4、网页基本标签（位于中辅助性标签）、（段落标签）、（换行标签）、（分隔线）、（加粗）、（斜

2020-07-15 20:00:07 199

Mostdanger的博客