![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html+css+js学习
文章平均质量分 80
迪仙女
这个作者很懒,什么都没留下…
展开
-
CSS属性继承问题
一、无继承性的属性1、display:规定元素应该生成的框的类型2、文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰text-shadow:文本阴影效果white-space:空白符的处理unicode-bidi:设置文本的方向3、盒子模型的属性:width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、borde原创 2021-02-23 22:27:05 · 108 阅读 · 0 评论 -
javascript与java比较运算符区别之绝对等于
javascript: === 表示绝对等于:值和类型都相等!==表示不绝对等于:值和类型有一个不相等或两个都不等==表示值相等类型可以不等在java中:==表示值和类型都相等原创 2020-09-09 20:22:36 · 306 阅读 · 0 评论 -
setTimeout/setInterval区别
1.setTimeout方法setTimeout(function(){ console.log('时间到了'); },2000)两秒钟到了会调用functionsetTimeout方法不会重复调用functionfunction callback(){ console.log('爆炸了') } setTimeout(callback,3000)三秒钟到了会调用callback函数停止定时器:v原创 2020-09-08 09:13:16 · 105 阅读 · 0 评论 -
CSS3-2d转换
CSS3过渡:我们可以在不使用Flash动画或JS的情况下,当元素从一种样式变换为另一种样式时为元素添加效果过渡动画:从一个状态渐渐的过渡到另外一个状态一般和:hover一起搭配使用transition:过渡的属性 花费时间 运动曲线 何时开始;过渡的属性:高度宽度 内外边距都可以,所有的属性变化直接写all即可花费的时间:单位是s运动曲线:默认ease 可以省略何时开始:单位是s 用于设置延时过渡 默认是0 可以省略2d转换:/* x就是x轴上移动位置,y就是y轴上移动位原创 2020-09-07 16:40:14 · 99 阅读 · 0 评论 -
CSS三角做法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{ position: relative; wi原创 2020-09-07 14:57:30 · 105 阅读 · 0 评论 -
JS-图片切换
理论部分:1.DOM:Document object model文档对象模型作用:通过js操作html网页节点:node 构成HTML文档最基本的单元文档节点:整个HTML文档元素节点:HTML文档中的HTML标签属性节点:元素的属性文本节点:HTML标签中的文本内容2.文档加载:JS代码执行时是从上往下执行,所以若我们要把js代码写在头部,就要把要执行的代码放在函数window.οnlοad=function(){}中确保function里面的功能在页面加载完成后执行。3.获取元原创 2020-08-30 18:03:05 · 169 阅读 · 0 评论 -
HTML+CSS学习五
1.元素的显示与隐藏:display:none;隐藏对象display:block;除了转换为块级元素外还有显示元素的意思display隐藏元素后不再占有原来的位置visibility:visible;元素可视visibility:hidden;元素隐藏visibility隐藏元素后,继续占有原来的位置overflow:属性值属性值:visible 不剪切内容也不添加滚动条hidden 不显示超过对象尺寸 的内容,超出部分隐藏掉scroll不管超出内容否,总是显示滚动条auto超出原创 2020-08-27 17:06:48 · 138 阅读 · 0 评论 -
HTML+CSS学习四
1.给盒子添加圆角边框参数可以是数值或百分比复合写法:border-radius:length参数可以是数值或百分比分开写法:左上角:border-top-left-radius:length右上角:border-top-right-radius:length左下角:border-bottom-left-radius:length右下角:border-bottom-right-radius:length2....原创 2020-08-27 16:32:17 · 152 阅读 · 0 评论 -
盒子模型
盒子模型及案例案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * {原创 2020-08-19 09:43:42 · 122 阅读 · 0 评论 -
HTML+CSS学习三及案例
案例:五彩导航<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .nav a {.原创 2020-08-13 18:03:25 · 142 阅读 · 0 评论 -
HTML+CSS学习二案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=<device-width>, initial-scale=1.0"> <title>Document</title> <style> body { ..原创 2020-08-13 09:13:24 · 177 阅读 · 0 评论 -
HTML+CSS学习二
HTML+CSS学习二CSS代码规范:选择器 {属性:属性值}一、选择器1.标签选择器:html标签名作为选择器把某一类标签全部选择出来p { text-indent: 2em; }把p标签的内容首行缩进两个字的距离2.类选择器.类名(一个标签可以写多个类名 多个类名用空格隔开)把相同class属性的元素选择出来.btn { font-weight: 700; }<button class="原创 2020-08-13 09:10:39 · 83 阅读 · 0 评论 -
html案例
html案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <h4原创 2020-08-12 15:02:42 · 729 阅读 · 0 评论 -
html+css学习一
(一).概要标题标签、分段标签、换行标签、文本格式化标签图像标签链接标签表格标签表单标签(二).详细内容1.标题标签一级标题:<h1></h1>二级标题:<h2></h2>三级标题:<h3></h3>四级标题: <h4></h4>五级标题:<h5></h5>六级标题:<h6></h6>一级到六级标题,字体大小/粗细的变化如图所示:原创 2020-08-12 14:56:01 · 238 阅读 · 3 评论