<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
HTML： seo sem Meta里边有keyword关键字 链接标签： （1）a标签：图片路径、文件路径、网址、锚点 （2）Target： self、blank、parent、top、name 图片标签： （1）src图片路径 （2）Alt无效替代 图片无法展示显示里边的属性（名字） 列表： （1）无序列表 <ul> <li></li> </u
CSS 1 概述 1.1 什么是Css Css：Cascading Style Sheet层叠级联样式表，表现 如何使用Css css选择器（重点） 美化网页（文字，阴影，超链接，列表，渐变） 盒子模型 浮动 定位 网页动画（特效） 工具网站 菜鸟教程：https://www.runoob.com/ W3School：https://www.w3school.com.cn/index.html 1.2 发展历
问题 在开发可拖动切换page的面板(类似安卓viewpager、前端swiper.js)时，发现给元素设置了box-shadow后拖动时和释放后的动画都很卡顿。 通过注释代码发现，是box-shadow 的 blur 属性影响了动画。 原因 究其原因，是拖动元素时，位置的改变引发了图形的重绘。 因为浏览器的图形绘制算法
选择器 结构伪类选择器 /*选中ul的第一个子元素*/ ul li：first-child{ } /*ul的最后一子元素*/ ul li:last-child{ } /*选择p：定位到父元素然后选择子元素中第一个,但如果类型不符合则不改*/ p:nth-child(2){ } /*选择p：定位到父元素下第二个p元素*/ p:nth-of-type(2){ } 属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
:root CSS 全局变量都存放在:root中，因为它的优先级非常地高，所以一个网页的样式全局变量都放在这里。实际上html {} 就是 :root {}，JQuery 操作:root中的全局变量就是$("html")。 属性选择器 属性选择器不过多赘述，具体请看《CSS 选择器（一）：属性选择器》。在这里只作最简单的实例： <div
p:first-child 选择属于其父元素的首个子元素的每个 <p> 元素 <body><p>这个段落是其父元素（body）的首个子元素。</p> //选择 <h1>欢迎访问我的主页</h1> <p>这个段落不是其父元素的首个子元素。</p> <div> <p>这个段落是其父元素（div）的首个子元素。</p> //选择 <p>这个段落不是
加载性能 css压缩：将写好的css进行打包压缩，可以减小文件体积。 css单一样式：当需要下边距和左边距的时候，很多时候会选择使用 margin:top 0 bottom 0；但margin-bottom:bottom;margin-left:left;执行效率会更高。 减少使用@import，建议使用link，因为后者在页面加载时一起加载，前者是等待页
新增选择器 属性选择器 结构伪类选择器 伪元素选择器 2D转换：transform 位移：transform：translate（100px，100px） 缩放：transform：scale（1，1） 旋转：transform：rotate（45deg） 3D转换：transform 位移：transform：translate（100px，100px，100px） 旋转：transform：rotate（0，0，1，45deg） 3D呈现：transform-style flat：子元
语义化标签 header、nav、article、section、aside、footer 媒体标签 audio <audio src='' controls autoplay loop='true'></audio> video <video src='' poster='imgs/aa.jpg' controls></video> source标签 因为浏览器对视频格式支持
五大基本选择符 1. *（通配符） *通配符选择器，经常用于css reset（样式重置），清理标签的默认样式，但现在一般不提倡直接使用*了，主要是*会匹配所有标签，相当耗资源。*在css的优先级中是最低的。 * {margin: 0; padding: 0;} 也可以用*来匹配某一元素下的所
一、CSS简介 CSS (Cascading Style Sheets) 层叠样式表，是一个用于修饰文档的语言，可以将文档以更优雅的形式呈现给用户。 二、CSS使用 根据定义CSS位置不同，分为行内样式、内部样式和外部样式。 1、行内样式 内联样式：直接在标签中编写样式，通过使用标签标签内部属性style。 <html标
最近从element组件库换成了ant-design-vue组件库，碰到一个需求，设置一个补卡的日期选择器，只能选择前一个月以内的日期 我就看到了 <a-date-picker format="YYYY-MM-DD" :disabled-date="disabledDate" /> 的disableDate属性，设置不可选日期。 我就写了这样一段代码，设置了一个不
jQuery 简介 jQuery是轻量级的JavaScript库。它封装了很多预定义的对象和实用函数，能够帮助使用者优化HTML文档操作、事件处理、动画设计和Ajax交互。 1.兼容多浏览器 IE浏览器:很多时候针对IE浏览器前端需要重新写一份代码操作 2.封装了js代码 核心代码也就几十KB 加载速
CSS选择器 要使用css对HTML页面中的元素进行定位或控制，这就需要用到CSS选择器，HTML页面中的元素就是通过CSS选择器进行控制的。css 选择器有自己的语法规则和表达式。 CSS支持场景 支持web产品 支持app端的webview CSS相对定位 在使用过程中尽量避免直接copy selector绝对路径，使
CSS：页面美化和布局控制 001 CSS概念 Cascading Style Sheets：层叠样式表 层叠： 多个样式可以作用在同一个html元素上，并能同时生效 002 CSS的好处 1. 功能强大 2. 将内容展示和样式控制分离开 降低耦合性 即解耦 让分工协作更加容易 提高开发效率
热点随笔： · 如何在 30 分钟完成表格增删改查的前后端框架搭建 (葡萄城技术团队)· JSON数据传输大法第一式——用OADate处理日期格式 (葡萄城技术团队)· 闲置树莓派：种朵花然后做延时摄影吧 (猫猫子)· 我怀疑这是IDEA的BUG，但是我翻遍全网没找到证据！ (why技术)· 【低码
CSS 布局（一）：Flex 布局 CSS 选择器（一）：属性选择器 CSS 实战（一）：伪类+属性选择器实现主题切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*毗邻兄弟选择器(向下)*/ .c1 + .c2{ color: blue; } /*普通兄弟选择器(向下)
