首页 > TAG信息列表 > 60px

div圆角头像

<div class="avator" style="background: url({:format_person_photo($vo[person_photo],$vo[person_sex])});" ></div> .avator { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; display: block; margin: 10p

vue css less sass scss 深度选择器 穿透 /deep/ ::v-deep >>> 的区别

1./deep/ 在vue3.0之前可使用，例如(复写样式前加/deep/)，vue3.0及后使用就会报错 & /deep/ .el-input { width: 60px; } 2. ::v-deep 在vue3.0及后使用，替代/deep/ &::v-deep .el-input { width: 60px; } 3. >>> 只作用于css，对于less和scss不起作用，如果是less和scss的话

电影票选座

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0;

新年最美表白烟花-祝大家新年快乐，表白成功

 ✨✨✨ 感谢优秀的你打开了小白的文章  “希望在看文章的你今天又进步了一点点，离美好生活更近一步！”

半透明遮罩

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=

line-height 行间的距离

line-height 表示行间距大小。测量方式为：最上行顶端到下行顶端的距离 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&

【CSS】外部样式表及文本类样式

 文本类：  注意：  text-align  justify为两端对齐 deriction  rtl  对于阿拉伯语和"."可以改变文字的书写顺序。 p{ background-color:blue; font-size:60px; /*color: skyblue;*/ /*direction: rtl;*/ /*letter-spacing: 8px;*/ /*line-height: 60px; /*/text

html+css基础02

ul>(li>a>img+span.title+div>span.money+img+span.num)*15 声明15个标签，例：     ctrl+h   替换（在替换区，输入替换内容） margin: 20px;（上、下、左、右各20px。）margin: 20px 40px;（上、下20px；左、右40px。）margin: 20px 40px 60px;（上20px；左、右40px；下60px。）margin: 20px 40px 60px 8

2分钟让你搞懂 grid-template-areas

上面的效果怎么样通过grid实现呢？ 话不多说 上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c

【动画消消乐｜CSS】078.单span标签实现自定义简易过渡动画

前言 Hello！小伙伴！ 非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～   自我介绍 ଘ(੭ˊᵕˋ)੭ 昵称：海轰 标签：程序猿｜C++选手｜学生 简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～） 学习经验：扎实基础 + 多做笔记

2021.5.28.21：07

今天是第五天 今天学的比较少 不过今天讲了怎么使用阿里巴巴图标库， 阿里巴巴图标库：https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2 下面照常记录今天所学； 清除浮动的方式 <style> *{ margin: 0; padding: 0; }

简单的HTML下拉框

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <style type="text/css"> 7 8 .list1 { 9 float:left; 10 list-style: none; 11 /*border: 1px solid black;*/ 12 wid

一篇文章带你快速入门JavaScript（实操代码）

一、前提简介1.1什么是JavaScriptJavaScript是一种动态的计算机编程语言。它是轻量级的，最常用作网页的一部分，其实现允许客户端脚本与用户交互并创建动态页面。它是一种具有面向对象功能的解释型编程语言。1.2JavaScript和Java语言的区别Javascript和Java没有任何关系，它们是不同的两

CSS改变图标颜色

参考博客：CSS改变图标颜色 实现思路： 使用filter，在原图标旁边生成它的任意颜色的投影。 把图标放入容器，通过相对定位改变它和投影的位置。 对容器设置overflow:hidden，隐藏原图，只留投影。 黑色边框为容器，仅作演示，开启overflow:hidden后只保留阴影 备注：在Chrome浏览器下(

3D旋转立方体

效果图;   上代码： <style> .wrap { width: 120px; height: 200px; margin: 20px; position: fixed; top: 150px; right: 715px; display: table-cell; vertical-align: middle; text-align: center; z-index: 22; } .cube {

css3实现文字闪烁效果的三种展示方式

转载自：http://www.fly63.com/article/detial/616 文字闪烁效果一： 通过改变透明度来实现文字的渐变闪烁，效果如下： 文字带渐变效果的闪烁： <div class="main"> 文字闪烁：<span class="blink">闪烁效果</span> </div> <style type="text/css"> .main{ color:

前端学习(14)~css学习(八)：定位属性

  CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。 position: absolute; <!-- 绝对定位 --> position: relative; <!-- 相对定位 --> position: fixed; <!-- 固定定位 --> 相对定位 相对定位：让元素相对于自己原来的位置，进行位置调整（可用于盒子的

jQuery---音乐导航

音乐导航   <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; list-style: none; } .nav {

CSS—圣杯布局与双飞翼布局

目录 一、概述 二、详解 一、概述 圣杯布局与双飞翼布局针对的都是三栏布局，左右栏固定，中间栏自适应的网页布局。以下介绍三种实现方式，html结构如下所示。 <div class="container"> <div class="main">main</div> <div class="left">left</div> <div class="righ

27-自适应

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } .wrap{ heigh

CSS

1.文字两边两条横线 1 <div className="order"> 2 <span className="line" ></span>&nbsp; 3 <span className="txt" style={{color:"#262626"}}>家具现货</span> 4