标签：CSS

第57页

CSS不用背景图片实现优惠券样式反圆角,凹圆角,反向半圆角,并且背景渐变

日常开发过程中，特别是商城相关应用开发过程中，时常会遇到花里胡哨的设计图，比如优惠券样式，上图：实现思路如下： 1.先写一个外容器，实现背景色渐变： Html： 1 <div class=\"coupon\">2 </d...

x 字母x的下边缘为基线（baseline）。字母x的高度为x-height、ex（相对于字体和字号的单位）。字母x的交叉点的位置为middle。 line-height em-box：1em等于当前的font-size，只和字号有关。...

前段时间，4月4号那天，新冠肺炎哀悼日那天，好多网站和APP，主题都变成了灰色，当时就感觉这些网站和APP太有心了。我一直以为这是一套主题呢，后来我查了下实现方式，原来css3有个属性filter，一行代码就能实现。知道了这个方式后也只是记...

定义定义元素框相对于其正常位置应该出现的位置分类普通流定位浮动定位相对定位绝对定位固定定位浮动定位指将元素排除在普通流之外元素将不在页面中占据空间将浮动元素放置在包含框的左边或者右边浮动元素依旧位于包含框之内浮动的框可以向左或者...

css书写规范空格规范【强制】选择器与 { 之间必须包含空格。示例： .selector { } 【强制】属性名与之后的 : 之间不允许包含空格， : 与属性值之间必须包含空格。示例： font-size: 12px...

方法一： float:right此外，浮动还会使得布局更紧凑（没空隙） <div style="background-color: red;width: 100%;height: 60px;/* text-align: ri...

实现效果： html <nav id="nav-1"><a class="link-1" href="#">Home</a><a clas...

css显示/隐藏以前我们总是通过js去实现一些简单的隐藏和显示自从前后端开始分离后更多人把这些能用css实现的东西放在了前端如账号密码的判断等现在我们有这样的代码 <!DOCTYPE html><html lang...

/滚动条样式/::-webkit-scrollbar {/滚动条整体样式/width: 4px; /高宽分别对应横竖滚动条的尺寸/height: 4px;}::-webkit-scrollbar-thumb {/滚动条里面小方块/borde...

定位（positio）简介定位是一种更加高级的布局手段,通过定位可以将元素摆放到页面的任意位置使用position属性来设置定位static 默认值，元素是静止的没有开启定位 relative 开启元素的相对定位 absolute 开...