DoraMcree-CSDN博客

原创实训最后一天所学内容

什么是浮动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title

2021-06-11 11:01:24 107

更多的样式透明度背景图和img元素的区别img元素是属于html的概念背景图属于CSS的概念1.当图片属于网页的内容时，必须使用img元素2.当图片属于网页的美化时，必须使用背景图涉及的CSS属性1.background-image2.background-repeat图片默认情况下,背景图会在横坐标或纵坐标中进行重复3.background-size预设值:contain,cover,类似于object-fit数值或百分比4.background-position设置背景图

2021-06-10 15:06:22 61

原创实训第七天所学记录

CSS文本外观之装饰文本<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &lt

2021-06-09 17:33:29 45

原创实训第六天所学记录

对于JavaScript的进一步学习焦点不离开输入框实时触发事件，onchange 、onblur 、onkeyup 、oninput 对比文本框输入事件：onchange 、onblur 、onkeyup 、oninput、onchange在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性! 且必须值变化才触发onblur不管值是否变化，都触发onkeyup输入框内容发生变化即可触发，但是无法检测复制

2021-06-08 11:34:36 55 1

原创实训第五天所学记录

对于JavaScript的学习记录JavaScript 简介JavaScript 是目前最流行脚本语言，简称 JSJavaScript 编写在 HTML 页面中，由浏览器负责解释和执行JavaScript 通常用来给 HTML 页面增加交互能力对于web网页来说，如果把Html比作一栋房子，那么CSS就是一栋豪华别墅，而对于JavaScript来说，代表着其可用性，其作用，即可以用来居住。注：JavaScript(前身LiveScript) 语言与 Java 语言没有任何关系JavaScrip

2021-06-07 10:39:36 73

转载实训第四天所学记录

盒模型box：盒子，每个元素在页面中都会生成一个矩形区域（盒子）。盒子类型：行盒，display等于inline的元素快盒，display等于block的元素行盒在页面中不换行，块盒独占一行display默认值为inline浏览器默认样式表设置的块盒：容器元素、h1~h6、p常见的行盒：span、a、img、video、audio盒子的组成部分无论是行盒还是块盒，都由下面几个部分组成，从内到外分别是：内容 contentwidth、height设置的盒子内容的宽高内容部分通

2021-06-03 17:56:33 62

转载实训第三天所学记录

实训第三所学记录为网页添加样式术语解释 h1{ color:red; background-color: navy; text-align:center; }CSS规则 = 选择器 + 声明块选择器选择器：选中元素ID选择器：选中的是对应ID值的元素元素选择器类选择题声明块出现在大括号中，声明块中包含很多声明（属性），每一个声明（属性）表达了某一方面的样式。CSS代码书写位置内部样式表书写在st

2021-06-02 17:38:56 69

转载实训第一天以及第二天所学记录

实训第一天以及第二天所学记录浏览器内核IE：TridentFirefox：GeckoChrome：Webkit / BlinkSafari：WebkitOpera：Presto / Blink在VScode中使用注释的快捷键按住键盘的Ctrl+/元素（标签标记）<a href="http://www.baidu.com">百度</a><title>document</title>整体：element（元素）元素 = 起始标

2021-06-01 20:31:31 144

DoraMcree的博客