代码编织梦想

笔记:css1-爱代码爱编程

css选择器 简单选择器: *{ } #id{ } .类名{ } 标签名{ } 复合选择器: 后代选择器(以空格隔开) 选择器1 选择2 ...{ } 子代选择器(以大于隔开) 选择器1>选择2 ...{ } 并集(以逗号隔开) 选择器1,选择2,选择3...{

重绘和重排-爱代码爱编程

重排(回流):浏览器根据所有样式计算出盒子模型在页面上的位置和尺寸大小 重绘:在确定号盒子模型的大小和位置后,浏览器根据盒子模型的特性来进行绘制 引起条件 重排: 1,页面的初始渲染化 2,元素的增删,元素位置和尺寸大小的改变 3,浏览器窗口尺寸的变化 4,读取某些元素属性:(offsetLeft/Top/Height/Width, clie

css基础和类选择器介绍和类选择器的好处-爱代码爱编程

css刚入门时,什么情况下使用哪一种类型的基础选择器能决定代码的质量与效率 使用的标签选择器最基础简单,也有局限,因为它选中的是一类标签,那么所以这一类的标签都会被它选中,那肯定有属于同一类但你并不想选中的标签存在。 所以就会用到类选择器,类选择器只要你在前面style标签中设置好了类名和相关属性,那么你想要的一些属性就好比成了一件装备,在后面的标签中

666666666666666666666-爱代码爱编程

<!doctype html> <html> <head> <meta charset="gb2312"> <title>好看壁纸官方</title> <meta name="viewport" content="width=device-width, initial-scale

表单和ajax-爱代码爱编程

动画: Params参数定义形成动画的css属性。 可选的speed参数规定效果的时长。 可选的callback参数是动画完成后所执行的函数名称 表单提交: Method:规定用于发送表单的HTTP方法 Action:规定当提交时向何处发送表单数据 两种提交方式:get提交和post提交 Get请求: 请求参数放到请求的地址后面。参数大小

uncaught typeerror: cannot read properties of null (reading ‘style‘)-爱代码爱编程

Uncaught TypeError: Cannot read properties of null (reading 'style') <script src="js/1.login.js"></script> </head> var olFont=document.querySelector('.

css预编译语言-爱代码爱编程

一、预编译语言简介 sass:2007年诞生,最早的CSS预处理器,拥有Ruby社区支持和Compass这一强大的Css框架,目前受less影响,已经进化到了全面兼容Css的Scss。 less:2009年出现,受sass的影响较大,但又使用css的语法,在Ruby社区之外支持者远超过sass。缺点是比起sass来,可编程功能不够,不过优点是简单和

前端学习day05-css的继承-层叠-类型和css盒子模型-爱代码爱编程

CSS的继承-层叠-类型和CSS盒子模型 一.伪元素 1.1. ::first-line/::first-letter ::first-line 可以针对首行文本设置属性::first-letter可以针对首字母设置属

cesium颜色渐变的围墙-爱代码爱编程

功能思路: 1、需要修改的是entity墙的纹理(material)的属性值,使用Cesium 材质相关的类为 MaterialProperty,该类中ImageMaterialProperty图片纹理功能; 主要有下面属

css,html高级基础-爱代码爱编程

css,html高级基础 html 1.html的两种渲染模式的差别,ssr与csr 首先ssr是通过服务端直接返回html在通过浏览器解析,这样的话首屏渲染快,但这也不是绝对的,跟网速与服务端处理数据的时间相关

傻瓜式理解css浮动原理-爱代码爱编程

铁子们,刚接触CSS可能还对float浮动布局处于一个很模糊的概念。 本篇文章适合刚学习完HTML,刚接触到CSS的铁铁们。 本文所有示例使用div元素布局展示, 游戏开始: 一.多个div盒子默认情况下是什么布局? 可以看见它是由上而下,依次排列,且每个盒子都独立占据一行,这就是标准流布局。

网页用户登入界面——密码框案例-爱代码爱编程

自学写的一个简单的密码框案例,设置了一个小眼睛图标按钮用于手动查看当前密码内容: Temp.html <!DOCTYPE html> <html lang="en"> <head>

css圆角-爱代码爱编程

1.画圆角 <style> div{ width: 200px; height: 200px; backgroun

qt stylesheet介绍-爱代码爱编程

文章目录 前言纠错技巧可以使用 , 号来同时指明多个同一类型控件的样式表qss注释 前言 本文主要以这篇博客为基础。添加一些自己使用的心得和使用样式表的一些技巧 纠错 ID选择器这里类型选择器

dom文档对象模型 事件-爱代码爱编程

DOM文档对象模型   浏览器为我们提供 文档节点 对象这个对象是window属性   可以在页面中直接使用,文档节点代表的是整个页面   事件   文档或浏览器窗口发生的一些特定的交互瞬间   为window绑定一个onload事件         该事件对应的响应函数将会在页面加载完毕后执行         (若页面未加载出来可能会导

bfc总结-爱代码爱编程

什么是bfc BFC直译起来就是块级格式化上下文。它相当于一块独立的渲染区域,BFC看成是元素的一种属性, 当元素拥有了BFC属性后,这个元素就可以看做成隔离了的独立容器。容器内的元素不会影响容器外的元素。 BFC的规则 BFC就是页面中的一个隔离的独立容器,容器里的标签不会影响到外部标签 BFC就是一个块级元素,块级元素会在垂直方向一个接一个的排

使用数组方法实现点击按钮对表格进行筛查或判断等-爱代码爱编程

        使用数组常用方法,对表格进行筛查或判断,实现如下效果  通过点击上方按钮可以做出筛选或判断效果(请注意这篇文章主要是对数组方法运用的练习,只是实现基本功能,在实际运用中还有许多需要和可以完善优化的地方),大体思路如下:         将所有信息汇聚成对象,通过js渲染到html上,再通过绑定对应的点击事件,使用对应的数组方法来筛选或者

每日知识总结-爱代码爱编程

## CSS 定位布局 ### 1、定位的作用 普通文档流中块元素垂直排列,行内元素水平排列。 浮动可以实现多个块级盒子在一行无缝排列显示。 定位能够让我们把一个元素从它原本在正常布局流中应该在的位置移动到另一个位置(自由的在某个盒子内移动位置或者固定在屏幕中的某个位置)。 ### 2、定位的实现 使用定位需要指定一个元素在

前端css第二阶段-001-爱代码爱编程

😊博主页面:鱿年年 👉博主推荐专栏:《WEB前端》👈 ​💓博主格言:追风赶月莫停留,平芜尽处是春山❤️ 目录  第二阶段学习目标 一、Emmet语法 1.快速生成HTML结构语法 2.快速生成CSS样式语法 3.快速格式代码 二、CSS的复合选择器 1.什么是复合选择器? 1.1后代选择器(特别重要) 1.2子选择器(特别重要)

vue登录注册页面,完整vue,直接复制-爱代码爱编程

效果图: Login.vue <template> <div class="container"> <div class="login-wrapper">