代码编织梦想

css-高级技巧_阿发家的阿花的博客-爱代码爱编程

CSS高级技巧 目标 理解 能说出元素显示隐藏最常见的写法能说出精灵图产生的目的能说出去除图片底侧空白缝隙的方法 应用 能写出最常见的鼠标样式能使用精灵图技术能用滑动门做导航栏案例 1. 元素的显示与

网页中的一些动画效果的学习笔记_@little杰的博客-爱代码爱编程

网 页中的一些动画效果的学习笔记 一、过渡 **过渡(transition)**通过过渡可以指定一个属性发生变化时的切换方式通过过渡可以创建一些非常好的效果,提升用户的体验 transition-property: ;

js中ajax_孙景荣的博客-爱代码爱编程

一、ajax请求发送 // 1. 创建 xhr 对象 let xhr = new XMLHttpRequest(); // 2. 配置 xhr 对象; xhr.open( 请求方式 , 请求路径 , 是否启用异步 - 这个

web前端技术css(一)_要向着光的博客-爱代码爱编程

一、CSS(Cascading Style Sheets) CSS指的是层叠样式表(Cascading Style Sheets),是一种用来表现HTML文件样式的计算机语言。 HTML标签用来描述网页的语义,CSS用来描述网页的样式。 二、CSS语法 CSS规则由两个主要的部分组成:选择器和声明。 选择器通常是需要改变样式的HTML元素。 每

【css】精灵图、字体图标、三角_godac的博客-爱代码爱编程

精灵图 一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。 因此,**为了有效地减少服务器接收和发送请求的次数,提

弹性盒子 -- flex_my-way.的博客-爱代码爱编程

弹性盒子 弹性盒子是一种用于按行或按列布局元素的一维布局方法。元素可以膨胀以填充额外的空间。也可以收缩以适应更小的空间。 为什么要用弹性盒子? CSS 布局中我们常用的就是 float 和 position。这两个

【css】显示与隐藏_godac的博客-爱代码爱编程

元素的显示与隐藏 类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现! 本质:让一个元素在页面中隐藏或者显示出来。 display display:none;隐藏对象display:block;除

vue.js动态绑定class类或style样式_茶一蛊的博客-爱代码爱编程

Vue.js动态绑定class类或style样式 <template> <div> <ul> <li class="inactive

vs code 安装 html+css 书写增强型插件_尘封.的博客-爱代码爱编程

文章目录 HTML 与 CSS 支持HTML 页面实时浏览内嵌 HTML 与 CSS 支持 首先在扩展商店中搜索 HTML,下载框中的三个插件,第一个用于对 HTML 的一些书写支持(俺也不太清楚,看视

js之闭包_孙景荣的博客-爱代码爱编程

一、理解 会让局部变量被永久保存, 换句话说就是这个机制不会让垃圾回收机制回收部分有用的变量 二、闭包环境 函数嵌套函数时,内层函数引用了外层函数作用域下的变量,并且内层函数在全局作用域下可访问,就形成了闭包 fun

css字体 ,文本属性_n9_333的博客-爱代码爱编程

CSS字体 ,文本属性 1、css字体 1.1 font-family 作用:设置文本的字体系列 语法:font-family:字体名称; 常用值: 一个字体名称或系列名称(介绍常用字体名称、字体系列) 微软雅黑 Microsoft YaHei 宋体 SimSun 黑体 HeiTi 楷体 KaiTi 多个字体名称

为什么页面显示能动态添加到元素 而打印却没有添加上_地推的博客-爱代码爱编程

问题遇到的现象和发生背景 用代码块功能插入代码,请勿粘贴截图 我想要达到的结果 <!DOCTYPE html> <html lang="en"> <head> <met

js中async-await关键字_孙景荣的博客-爱代码爱编程

一、async-await // async-await 关键字是promise的语法糖 // 这个语法糖主要优化掉的是promise的then回调函数语法 // async 主要作用使用来定义特殊函数(用async定义的

【java web】下拉菜单_-flop-的博客-爱代码爱编程

利用jQuery及CSS实现页面下拉子菜单,光标移至对应区域显示该区对应子菜单。 <!DOCTYPE html> <html lang="en"> <head> <meta

html 笔记(八):svg_reyn morales的博客-爱代码爱编程

HTML 笔记(八):SVG 介绍 和 Canvas 相同,SVG 也是用与绘图的标签,区别在于 canvas 用于绘制位图、而 svg 用于绘制矢量图,示例如下: 位图(jpg、png、gif)是由一块块小方格

html的iframe标签以及a标签的锚点和制作书签_牛奶面包吖的博客-爱代码爱编程

1.iframe标签 iframe是一个内联框架,可以在当前html页面嵌入另一个文档,通俗理解为网页子窗口。 基本语法结构为: <iframe src="" ></iframe> 1.1常

css渐变按钮样式_szxmqr的博客-爱代码爱编程

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>渐变按钮</title> <style type="text/css"> div {

js中promise对象_孙景荣的博客-爱代码爱编程

一、Promise对象 // 由于回调地狱的程序可读性非常差 // ES6针对这种特殊情况推出了Promise对象来解决回调地狱问题 Promise对象本质上来讲是一个状态机,Promise对象的状态有三种 : //

css定位布局详解_世界尽头与你的博客-爱代码爱编程

CSS定位布局详解 1.定位布局概述2.固定定位:fixed3.相对定位:relative4.绝对定位:absolute5.静态定位:static 1.定位布局概述 CSS定位使你可以将一个元素精确地放在页面

js继承实现_孙景荣的博客-爱代码爱编程

一、ES5实现 function Father(age) { this.age = age; } Father.prototype = { show: function () { console.log("