- 博客(17)
- 收藏
- 关注
RSS订阅原创 JavaScript笔记
JavaScriptJavaScript介绍页面组成HTML：超文本标记语言 结构层css：层叠样式表 样式层；表现层JavaScript：交互脚本 行为层什么是JavaScript？基于对象和事件驱动的解释性脚本语言基于对象和事件驱动的解释性脚本语言基于对象：JavaScript是一种基于对象的语言，这意味着它能运用自己已经创建的对象，因此，许多功能可以来自脚本环境中对象的方法与脚本的互相作用。事件驱动：JavaScript可以直接对用户或者客户输入作出响应，无须经过web服务器
2021-10-29 10:06:02
1355
原创 CSS3笔记
css3概述【CSS3是CSS（层叠样式表）技术的升级版本，最新的 CSS 标准。】在CSS2.1的基础上增加了很多强大的新功能，以帮助开发人员解决一些问题，例如圆角、多背景、透明度、阴影等。CSS2.1是单一的规范，而CSS3被划分成几个模块组，每个模块组都有自己的规范。这样的好处是整个CSS3的规范发布不会因为某部分而影响其他模块的推进。【CSS3按模块化进行了全新设计，主要的 CSS3 模块：包括:选择器、框模型、背景和边框、文本效果、2D/3D 转换、动画、多列布局、用户界面】现状现
2021-10-21 21:40:09
442
原创 H5新增笔记
H5H5简介HTML5是HTML最新的修订版本，具有新的元素，属性和行为。HTML5规范于2014年10月29日由万维网联盟正式宣布。H5新变化H5文档声明与字符集的变化简化了文档声明简化了字符集**H5新特性新增语义化元素新增表单相关新元素、新属性新增了全局属性新增API（应用程序接口）canvas绘图多媒体（视频、音频）本地存储、离线存储地理信息移除的元素（了解）以下的HTML4.01标签在HTML5中已经被废弃<acronym> 定义
2021-10-21 21:38:51
495
原创 HTML+CSS个人笔记
HTML+CSS个人笔记HTML(Hyper Text Markup Language)浏览器什么是浏览器内核？浏览器所采用的渲染引擎（“Rendering Engine”）是浏览器最核心的组成部分，通俗的叫浏览器内核。五大主流浏览器浏览器内核简介IETrident微软 仅支持windowsSafariWebkit苹果 MacFiredox（火狐）GeckoMozilla基金会 支持Windows、Linux、MacChrome（谷
2021-09-10 22:11:40
4495
转载 替换元素、非替换元素、行内替换元素、行内非替换元素
阿 虽然是超级简单的知识点但是我老是忘记 还是记录一下吧 行内元素、块级元素都不陌生了， 但是很奇怪为什么有的行内元素可以撑开父元素，有的不可以呢，行内元素设置padding、margin到底会不会生效呢？ 替换元素 替换元素就是浏览器根据标签的元素、属性来决定如何显示，比如img、video、input、textarea 非替换元素就是div、span、p、h1-h6、这些 上demo和效果图 <style> .line{ width: 1.
2021-08-30 21:35:22
193
转载 Vertical-Align，你应该知道的一切
原标题：Vertical-Align，你应该知道的一切 来自： 众成翻译，译者：为之漫笔 zcfy.cc/article/vertical-align-all-you-need-to-know 原文：http://christopheraue.net/design/vertical-align 好，我们聊聊vertical-align。这个属性主要目的用于将相邻的文本与元素对齐。而实际上，verticle-algin可以在不同上下文...
2021-08-30 15:31:36
456
转载 css属性选择器中[attribute~=value] 和 [attribute*=value]的区别
[attribute] 用于选取带有指定属性的元素。 [attribute=value] 用于选取带有指定属性和值的元素。 [attribute~=value] 用于选取属性值中包含指定词汇的元素。 [attribute|=value] 用于选取带有以指定值开头的属性值的元素，该值必须是整个单词。 [attribute^=value] 匹配属性值以指定值开头的每个元素。 [attribute$=value] 匹配属性值以指定值结尾的...
2021-08-28 15:18:45
1101
原创 css实现卡片翻转效果
css实现卡片翻转效果效果图源码html <div class="wrap"> <div class="box1"> <div class="box">春</div> <div class="mask">生机勃勃</div> </div> <div class="box1"> &l
2021-08-19 20:40:42
6007
原创 css实现竖状banner图
css实现竖状banner图效果图源码html代码块<div class="wrap"> <input type="radio" id="i1" name="a" checked> <label for="i1"></label> <input type="radio" id="i2" name="a"> <label for="i2"></label&g
2021-08-19 20:14:26
316
原创 css：input：radio单选框以及label标签实现图片手风琴
css：input：radio单选框实现图片手风琴最终实现效果源码html代码块 <div class="wrap"> <input type="radio" name="a" id="i1" checked> <label for="i1" class="lab lab1">O N E</label> <div class="box"> <div clas
2021-08-18 20:54:26
1333
原创 css：opacity: n；与rgba(red, green, blue, alpha)； 子元素不继承opacity属性解决方法
css：opacity: n;与rgba(red, green, blue, alpha);1.opacity 属性 设置div元素的不透明级别2.rgba(red, green, blue, alpha); rgb函数使用r-red红色、g-green绿色、b-blue蓝色以及a-alpha透明度的rgba颜色模式来实现各种颜色，其中r、g、b取值范围为0~255，a的取值范围为0~1。 rgba颜色模式是rgb颜色模式的扩展，带有可指定颜色不...
2021-08-12 21:18:25
1393
原创 css：hover实现图片手风琴
css手风琴html代码块<div class="wrap"> <div class="box"> <img src="https://img2.baidu.com/it/u=3247838944,1400127521&fm=26&fmt=auto&gp=0.jpg" alt=""> <div class="top">山谷奇景</div>
2021-08-09 21:24:21
252
原创 css：有关border制作三角形的改进
在css：border制作播放按钮（border制作三角形）这片随笔中https://blog.csdn.net/qq_53233068/article/details/119463317?spm=1001.2014.3001.5501有关三角形制作这一段有一个小问题，是对于除三角形这一边显色，其他三边使用透明色的问题，这会导致三角形对边占位，其css样式如下：<style> div{ width: 0; height:
2021-08-07 15:23:24
137
转载 VSCode1.59版本发布
转载自：https://www.eet-china.com/mp/a68156.html 作者：云深之无迹VSCode1.59版本发布 今天周男神上完课了，分享了他的Code打开VSCode的时候发现更新了，官网链接https://code.visualstudio.com/updates/v1_59关于更多相关资料，可以看doc 就是扩展页面在放大缩小的时候logo可以变化当鼠标悬于扩展上面，
2021-08-07 09:35:08
678
原创 css：border制作播放按钮（border制作三角形）
css：border制作播放按钮html代码块<body> <div class="box"> <div class="btn"></div> </div></body>css样式<style> .btn{ width: 0; height: 0; border: 15px solid;
2021-08-06 21:05:21
1790
原创 csss之visibility:hidden和display:none
csss之visibility:hidden和display:nonevisibility:hidden和display:none再使用上有着看似相似的功效，但又不尽相同，在作用，定义以及对其他元素的影响上不同。图一：原始状态作用上的不同 visibility:hidden 将元素隐藏，不在页面上显示 display:none 将元素属性设为无，不在网页上占据任何位置，当然也就不显示这样一看貌似还挺像的，都可以使元素不在页面上显示，但，看下面两张图~
2021-08-06 19:48:53
821
原创 css之float布局与display:inline-block布局
diplay常见属性 1.none此元素不会被显示2.block此元素将被显示为块级元素，前后带有换行符块级元素特性：·块级元素独占一行，不设置高度的情况下，会撑满父元素的宽度·宽高可以设置·可以设置margin、padding的属性值，四边都可以3.inline"默认"此元素会被显示为内联元素，元素前后没有换行符行内元素特性：...
2021-08-06 09:06:14
409
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人