CSS
qwe122343
这个作者很懒,什么都没留下…
展开
-
图片和文字不在同一高度 css 解决方案
图片和文字不在同一高度原创 2022-04-01 11:27:45 · 1816 阅读 · 0 评论 -
CSS 鼠标悬浮在图片上添加遮罩层
先看效果:鼠标移在图片上时,添加阴影效果+文字 / 图标实现的关键是 CSS 的 opacity 和 hover,本文也主要介绍遮罩层的实现HTML:<div class="img_div"> <img src="item.image_base64" @click="deleteImg" class="imgCSS"> <div class="mask"> <h3><Icon type="ios-trash-outlin原创 2020-12-15 17:39:29 · 6120 阅读 · 0 评论 -
checkbox 复选框如何修改大小
问题如图:需要调整大小使文字成一行可以使用 zoom 属性<checkbox class="checkbox">{{ row.name }}</checkbox>对应的类 checkbox 的 zoom 大小默认是100%.checkbox { zoom: 100%; }调整小一些即可原创 2020-07-01 10:40:59 · 9721 阅读 · 2 评论 -
CSS踩坑(3)表格初探
在W3cschool学习了一下CSS关于表格的知识,现在分享一下小白表格制作过程。按照教程源码我先做了一下界面是这样的:原教程以 #customer进行了CSS编写它设计了#customer{ }#customer th{ }#customer td{ }#customer tr.alt { }一开始不太理解tr.alt是做啥的,后来知道这是tr的一个名为alt的类,和tr本身...原创 2020-01-06 16:55:34 · 446 阅读 · 0 评论 -
CSS踩坑(2)表格边框
CSS最简单的表格也需要边框嘛,但border属性踩了点坑table,td,th{ border: 2px chocolate;}这样设置 表格并无边框出现原来是缺少solid问题table,td,th{ border: 2px solid chocolate; /*不加solid会不显示效果*/}这样双边框很丑,再加一句话,将表格边框折叠为单一边框...原创 2020-01-06 12:21:48 · 234 阅读 · 0 评论 -
CSS踩坑(1)文件路径详解
小白入手CSS第一天,心态差点崩了有些问题分享一下,虽然我写了大家也不一定看的到哈哈哈1、html外部链接css的路径问题就这步就心态崩了一次,其实Webstorm蛮好的,如果点击链入的css文件能跳转,就没问题<link rel="stylesheet" type="text/css" href="*********"/ >问题主要出现在href上1)如果css和htm...原创 2020-01-05 21:17:20 · 1631 阅读 · 0 评论 -
CSS踩坑(7)选择器
学CSS常看见 “选择器” 三个字,但较个真儿却解释不了具体含义选择器是一种模式,用于选择需要添加样式的元素(还是不太理解)我觉得看几个例子大家就知道了1、 .class具体例子:div.image描述:选择 class=“image” 的所有元素因为html对应的代码就是<div class="image"></div>2、 #id具体例子:#imag...原创 2020-01-13 16:38:03 · 358 阅读 · 0 评论 -
CSS踩坑(6)测试题
1.CSS 指的是?您的回答:Cascading Style Sheets2.在以下的 HTML 中,哪个是正确引用外部样式表的方法?您的回答:3.在 HTML 文档中,引用外部样式表的正确位置是?您的回答: 部分4.哪个 HTML 标签用于定义内部样式表?您的回答:5.哪个 HTML 属性可用来定义内联样式?您的回答:style6.下列哪个选项的 CSS 语法是正确的?您的回...原创 2020-01-13 09:31:22 · 998 阅读 · 0 评论 -
CSS踩坑(5)关于锚伪类
锚伪类听起来是个很另类的名字哈哈哈,锚伪类包括四种状态,按我自己通俗的理解,是1、鼠标未点击状态 ——link2、鼠标点击已访问状态 ——visited3、鼠标悬停状态 ——hover4、鼠标点击链接被按下状态 ——active注意4者有顺序:要严格按照link——visited——hover——active书写CSS代码CSS代码:a:link{ c...原创 2020-01-12 21:50:43 · 388 阅读 · 1 评论