
html+css实现响应式卡片悬停效果
话不多,看效果先: 卡片悬停,响应式卡片,简约效果。 实现: 1. 定义标签,.kapian为最底层盒子,然后两个子盒子一个放图片,一个放文本: <div class="kapian"><div cla...

话不多,看效果先: 卡片悬停,响应式卡片,简约效果。 实现: 1. 定义标签,.kapian为最底层盒子,然后两个子盒子一个放图片,一个放文本: <div class="kapian"><div cla...

<!doctype html><html><head><meta charset=\"utf-8\"><title>界面</title><style>div...

div{white-space:nowrap; //文本不换行text-overflow:ellipsis; //设置超出部分显示...-o-text-overflow:ellipsis;//浏览器兼容overflow: hidden; /...

09 outline和border用法一样,但outline边框不会影响页面布局但border会占据位置,影响布局,outline:轮廓阴影:box—shadow,用来设置元素的阴影效果,不会影响页面布局box-shadow: 10px 1...

先看效果图这是echarts官网上的一个示例,直接看option: option = {tooltip: {trigger: \'item\',formatter: \'{a} <br/>{b}: {c} ({d}%)\'},l...

表单案例: <!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" ...

CSS3有哪些新特性? RGBA和透明度background-image background-origin(content-box/padding-box/border-box) background-size background-re...

1. CSS权重及其引入方式 权重计算:(1)内联,如style=”“——1000,(2)id,如#content——100,(3)类、伪类和属性选择器,如.content——10,(4)标签选择器和伪元素选择器,如div p——1(5)通...

DOM样式 行内样式与css样式 var div0 = document.querySelector(\'#div0\');div0.style.height = \'100px\';div0.style.width = \'100px\'...

01 /* float: right; float: left; *//* 元素设置浮动以后,会向左或向右移动,且会完全脱离文档流,不会再占据一行,顺序设置浮动元素会在其右排列,但后浮动元素不会比前浮动元素高不占据页面布局位置,会和非浮动元...