标签 特点css
[element-ui] el-tabs修改绑定值切换标签无效
今天发现el-tabs一个奇怪的bug: tabs绑定v-model,第一次给绑定变量赋值跳转有效,点击切换tab后再次修改绑定变量,此时跳转无效,要手动调用setCurrentName方法。 调用方法如下(假设给tabs设置ref为'tabs'): this.$refs.tabs.setCurre ......
CSS标签
伪类选择器 <style> /*未访问时候显示的*/ a:link { color: #FF0000; } /* 鼠标移动到链接上 */ a:hover { color: #FF00FF } /* 选定的链接 */ a:active { color: #0000FF } /* 已访问的链接 */ a ......
html标签
img标签 <!--主要是在网页显示图片--> 标签的属性: 1、自带属性 2、自定义属性 <img src="preview.jpg" alt="动漫" width="200px"> src: <!--写图片的地址:外链地址或者相对地址--> alt: <!--当图片加载失败时显示对图片的描述性信 ......
模版之标签、orm多表查询
模版之标签 就是在模版里面使用流程控制:if、else、elseif、for等等 for标签: # lis是通过locals()从后端返回出来的数据 {% for li in lis %} <p>{{ li }}</p> {% endfor %} # 这样我们在前端看到的就是for循环后的结果了 # ......
css添加三角指示器
.bar{ ... &:before { top: 100%; left: 24px; border: solid rgba(0, 0, 0, 0); content: ''; height: 0; width: 0; position: absolute; border-top-color: rg ......
Html(布局标签---表单标签---表单项标签)
一、布局标签 标签描述 <div> 定义 HTML 文档中的一个区域部分,经常与 CSS 一起使用,用来布局网页 <span> 用于组合行内元素。 代码演示: 运行界面: 二、表单标签 标签描述 <form> 定义表单 <input> 定义表单项,通过type属性控制输入形式 <label> 为表单 ......
html(超链接---列表标签---表格标签)
一、超链接 标签描述 <a> 定义超链接,用于链接到另一个资源 href:指定访问资源的URL target:指定打开资源的方式 _self:默认值,在当前页面打开 _blank:在空白页面打开 代码演示: 运行界面: 二、列表标签 标签描述 <ol> 定义有序列表 <ul> 定义无序列表 <li> ......
html常用基础知识(基础标签---音视频标签)
一、基础标签 标签描述 HTML 定义 HTML 文档 head 定义关于文档的信息 title 定义文档的标题 body 定义文档的主体 标签描述 <h1 > ~< h6> 定义标题,h1最大,h6最小 <font> 定义文本的字体、字体尺寸、字体颜色 <b> 定义粗体文本 <i> 定义斜体文本 ......
Tailwind CSS vs windicss
Tailwind CSS 和 windicss 都是基于 utility-first 的 CSS 框架,它们有着相似的设计原则和使用方法。但是它们也有一些不同之处: 文档和社区支持:Tailwind CSS 拥有强大的文档和社区支持,而 windicss 的文档和社区相对较小。这意味着使用 Tail ......
CSS中的 @media属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .page-header{ height: 300px; background-color: red; } /* 当 ......
CSS 各个版本 功能 区别 后续情况
CSS(Cascading Style Sheets)是一种用于描述网页元素样式的标记语言。它的发展经历了多个版本,包括CSS1、CSS2和CSS3。下面是它们各个版本的功能和区别: CSS1: 发布时间:1996年12月 功能:引入了基本的样式定义和布局机制,包括选择器、盒模型、文本样式、背景、边 ......
css圣杯等高布局
三列布局 左右固定,中间自适应 中间内容优先加载 左右和中间等高(伪等高) *三列都需要浮动 *使用margin-left为负设定边界(元素位置不改变) *左右使用定位,使中间的内容显示 *使用padding-bottom和margin-bottom设置伪等高 <!DOCTYPE html> <ht ......
CSS选择器
一、属性选择器 [att^=value] 前缀:通过属性名和属性值的前缀进行选择 在CSS中,我们可以使用属性选择器来选择具有特定属性值的元素。其中,通过设置属性值的前缀(value),我们可以选择具有以某个特定前缀开头的属性值。例如,如果我们想选择所有属性名为att且属性值以value开头的元素, ......
CSS3入门
一.CSS3的概述 1.定义:层叠样式表;d 2.意义:把内容与形式分开;html: 内容; CSS: 形式 3.浏览器:chrome 4.css 样式规则e选择器(属性 1:值,属性 2: 值;.......) 选择器区分大小写,“ 5.css样式表的导入 (1)行内式 例: style="fon ......
页面结构据不同屏幕手机大小进行自适应+底部标签
微信小程序请简单创建一个页面结构,要求页面结构根据不同屏幕手机大小进行自适应。 <!--pages/test/test.wxml--> <view class="tab"> 顶部区域 </view> <view class="content"> 内容区域 </view> <view class="p ......
markdown中插入视频前台渲染出来导致<video>等标签被转义成字符
markdown中插入视频前台渲染出来导致<video>等标签被转义成字符解决办法: 如图: 在markdown里面插入视频,可以按照下面写法,哈哈,虽然很捞,但是还是可以满足的。 <video src="https://xxxxxxxxxxxxxx.mp4" controls="true" sty ......
CSS语法检查利器之csslint
本文于2015年底完成,发布在个人博客网站上。 考虑个人博客因某种原因无法修复,于是在博客园安家,之前发布的文章逐步搬迁过来。 背景 前段时间研究使用YUI Compressor压缩项目里的js和css文件,研究了两天之后,终于在周三晚上把YUI Compressor集成进了打包流程中;于是周四(2 ......
2023-12-29 css之行内存在多个!important权重时哪个!important优先级最高?==》显示最后一个
假如div里面有多个!important权重的样式类名.a和.b,哪个优先级最高? <div class="a b"></div> .a { display: block !important; } .b { display: none !important; } 答案:b。 谁的!importan ......
css 实现一个选项卡按钮边框弯曲平滑
<View class="tabs" style="display: flex; justify-content: space-between"> <View class="tabs-item" style="width: 50%"> <Button class="tabs-btn" :class= ......
前端使用a标签下载非同源文件(备选方案)
原理: 下载文件Blob,再把Blob转为本地链接,以实现跨域变同域,最后使用a标签实现下载; 优缺点: ● 优点:能达到下载跨域文件的目的; ● 缺点:不适用于大文件,大文件体验较差; 示例: 使用fetch把文件下载下来,然后URL.createObjectURL转为本地链接,最后使用a标签下载 ......
Maven的pom标签含义详解
Maven的pom标签含义详解 parent标签 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation=" ......
css多行文本省略 line-clamp
css多行文本省略 line-clamp 一行文本内容溢出的省略例子: <div class="container" style="width: 200px;outline: 1px solid red"> <div class="description" style="overflow: hidd ......
痞子衡嵌入式:简析i.MXRT1170 MECC64功能特点及其保护片内OCRAM1,2之道
大家好,我是痞子衡,是正经搞技术的痞子。今天痞子衡给大家分享的是i.MXRT1170 MECC64功能特点及其保护片内OCRAM1,2之道。 ECC是 “Error Correcting Code” 的简写,ECC 能够实现错误检查和纠正,含有 ECC 功能的内存一般称为 ECC 内存,使用了 EC ......
前端那些好用的CSS/JS网站
🍀一、渐变神器Gradient 网站地址: Gradient by ShapeFactory | Chromatic Gradient Generator 网站介绍: Gradient是一款网页渐变设计工具,可以帮助用户轻松创建漂亮的渐变颜色样式,并将其应用到网页、APP等设计项目中。 网站示例: ......
CSS基础
【CSS简介、基础选择器、字体属性、文本属性、引入方式】 本文档是个人对 Pink 老师课程的总结归纳及补充,转载请注明出处! 一、CSS简介 CSS 的主要使用场景就是布局网页,美化页面的。 1.1 HTML的局限性 HTML 只关注内容的语义,虽然 HTML 可以做简单的样式,但是带来的是无尽的 ......
黑马pink css8 高级
精灵图使用核心总结: 字体图标的优点和不足: 利用边框构建三角形: 鼠标样式: 取消表单轮廓线: outline:0 outline:none 禁止更改文本框大小: resize:none 实现图片(行内元素或行内块元素)和文本的垂直居中对齐: vertical-align: middle; 解决图 ......
Spring 框架如何创建和解析自定义的 `<mvc:annotation-driven/>` 标签
跟着孙哥学Spring,b站:https://www.bilibili.com/video/BV185411477k/?spm_id_from=333.337.search-card.all.click Spring 框架如何创建和解析自定义的 <mvc:annotation-driven/> 标签 ......
css+html 实现带箭头的流程步骤条
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .navs { height: 50px; line-height: 50px; padding-top: 10px ......
css+jquery右下角弹框提示框(工作需要就开发调式了)
使用时调用: addTip(); setTimeout("closeTip();",1000); setTimeout("removeTip();",2000); //添加提示框 function addTip() { var tip = " <div id='tip'>"+ " <div clas ......