Web程序设计基础——CSS样式规则-爱代码爱编程
第一关 相关知识 为了完成本关任务，你需要掌握： 什么是CSS？，CSS的特点，浏览器前缀，CSS样式规则，引入CSS样式的方法。什么是CSS CSS是Cascading Style Sheets（层叠样式表）的缩写，它是一种对Web文档添加样式的简单机制，是一种表现HTML或XML等文件外观样式的计算机语言，是一种网页排版和布局设计的技术。 CSS
educoder Web程序设计基础 ——音频-爱代码爱编程
第一关 支持audio元素的音频格式 HTML5使用元素用来播放音频，目前元素支持三种音频编码。 WAV：为微软公司(Microsoft)开发的一种声音文件格式，采用44.1K的取样频率，16位量化数字，声音文件质量和CD相差无几。 MP3：是一种音频压缩技术，用来大幅度地降低音频数据量。将音乐以1:10甚至1:12的压缩率压缩。 Ogg：全称应
educoder Web程序设计基础 ——音频和视频-爱代码爱编程
第一关 支持video元素的视频格式 HTML5使用元素用来播放视频，目前元素支持三种视频编码。 MP4：这是一种具有H.264视频编码和AAC音频编码的格式 WebM：这是一种具有VP8视频编码和Vorbis音频编码的格式 Ogg：是一种具有Theora视频编码和Vorbis音频编码的格式。 HTML5视频在浏览器中的支持情况如下图所示： 浏览
微信小程序之实现加载动画的旋转方块案例效果（前端学习收藏夹必备）-爱代码爱编程
文章目录 一、案例效果一1.1 WXML代码：1.2 WXSS代码二、案例效果二2.1 WXML代码2.2 WXSS代码三、Animation说明 一、案例效果一 1.1 WXML代码： <view class="loading-screen"> <view class="loading"> <vie
上下分栏，下栏分两列-爱代码爱编程
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:l
淘宝-静态页面编写(3)--头部广告-爱代码爱编程
思路分析： 这部分我们需要实现如下样式： 先整体分析： 这部分也是在页面中居中，并不是撑满整个页面，所以我们到时候需要记得让整体模块居中6.1狂欢这部分我们可以看做单独一块的图片，而当鼠标悬浮上去的时候会变成小手，所以我们这里可以采用超链接嵌套图片的方式后面五个样式，显而易见是五个很相似的样式，且处于同一行，所以我们可以利用无序列表ul、li进行布局整
函数防抖和函数节流-爱代码爱编程
目录 函数防抖函数节流一、函数防抖 在前端开发中，我们经常需要绑定一些持续触发的事件，如resize、mousemove等。但是我们并不是想在事件持续触发时去频繁的触发函数，而是有一个特定的时机来触发函数。 函数防抖就是来解决这样的问题，生活中的例子：电梯，在电梯门打开之后，每一次有人进来，电梯都会进行重新的计时。而电梯关门的时候就是
css八种元素居中的几种方法-爱代码爱编程
css元素居中八种方法 公共代码 .father { width: 100px; height: 100px; background： yellowgreen; } .chil{ width: 50px; height: 50px; background: red; } <div class="father"> <di
Vue知识点总结(4)——v-on（超级详细）-爱代码爱编程
v-on指令的作用其实就是绑定事件。事件是JavaScript的灵魂，事件驱动着JavaScript程序的执行。 vue为我们提供了v-on指令用于绑定事件。 <button v-on:click="add">加分</button> <button @click="reduce">减分</button>
2020.12.12本周总结-爱代码爱编程
学习目标： 这次我们小组的学习计划是制作一个网页，未来软件工作室的网页。本周我的的目标是先将理论知识学习一下，大概一天熟悉心得编译器和新的口味，然后跟着视频学习。 学习内容： 一周下来，自己大致了解了HTML和CSS，但说掌握是远远达不到的，了解再合适不过。看的有视频，也在菜鸟上学了不少。HTML是最基础的部分了，不过对于现在的我来说已经比较高端啦!
2020-12-12-爱代码爱编程
`` ## **否定伪类** <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* * 为所有p元素设置
HTML课后作业：Select选框选项左右移动-爱代码爱编程
直接贴代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Select框选项左右移动</title> <style type="text/css">
CSS3基础入门知识（一）语法和选择器-爱代码爱编程
基于：【狂神说Java】CSS3最新教程快速入门通俗易懂 目录 1 简介2 语法3 CSS的导入方式3.1 行内样式3.2 内部样式表3.3 外部样式4 选择器4.1 基本选择器4.1.1 标签选择器4.1.2 类选择器class4.1.3 Id选择器4.2 层次选择器4.2.1 后代选择器4.2.2 子选择器4.2.3 向下弟弟选择器4.2.4 通
CSS的优先级和权重简介-爱代码爱编程
权重是什么？ 首先权重一个相对概念，可以认作天平中的砝码，权重大的地方就会被重视（使用），当然这在权重等级相同的前提下。 一：权重的等级划分： 第一等级：内部样式 (style=" ")，权值：1000.第二等级：ID选择器（#id），权值：100.第三等级：class、伪类、属性选择器（.class , :hover , :link , [type
form表单汇总-爱代码爱编程
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>form表单</title> <body> <!-- action：指定表单数据目的地 me
[Salesforce组件开发][LWC] 弹出框开发-爱代码爱编程
前言： LWC（Lightning Web Component）是使用HTML和现代JavaScript构建的自定义HTML元素。基于在浏览器中本地运行的代码构建的，因此它是轻量级的，并具有出色的性能。在Salesforce的Lightning系统中，它十分常见，并且为SF官方推荐的下一代开发框架。Salesforce致力于开发开放的Web标准，并且是W
HTML表单效果实现-爱代码爱编程
首先，先来看一看要做的表单的样式 接下来进行相应的代码编写 /*部分代码*/ <h1><b>我的表单</b></h1> <a1>账号：<input type="text" name="name1"></a1><br><br> <a
浏览器的渲染原理，重排与重绘-爱代码爱编程
浏览器渲染原理 浏览器下载完页面所有的资源后，就要开始构建DOM树，于此同时还会构建渲染树(Render Tree)。（其实在构建渲染树之前，和DOM树同期会构建Style Tree。DOM树与Style Tree合并为渲染树） 1.处理HTML 生成DOM树 2.处理CSS 生成CSSDOM树 3.将两树合并成render 树 4.对render树进
CSS----------响应式布局之grid网格布局-爱代码爱编程
响应式布局之grid网格布局 二维布局 更加灵活好用 相对于弹性盒兼容性差(ie11以及以上) [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Fm3TGJoq-1607777189412)(media/grid布局容器.png)] <div class="container"> <d
CSS--------Less 移动端布局-爱代码爱编程
LESS 变量 类混入 导入 .css--->.css .less --->.less 导入 @import "文件路径"; 嵌套 父子 嵌套 .a>.b .a { .b { } } 兄弟平行 .a +.b .a { } .b { } 如果想加伪类