<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=…
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=…
目标：实现一个正方形，这个正方形边长等于方法一：使用单位vw， （ps我觉得这个是最简单的方法）html结构也很简单，只有一个div即可<html> <body> <div class="square"> </div> </body> </html> .square{ width: 50vw; h…
思路一: float缺点:结构和样式存在耦合性，IE7-浏览器下对宽度百分比取值存在四舍五入的误差【1】float + padding + background-clip使用padding来实现子元素之间的间距，使用background-clip使子元素padding部分不显示背景CSS Code 复制内容到剪贴板 <style> bo…
<div class="a1"> <img src="http://kings.begon.cn/upload/202104/27/202104271020235996.jpg" alt="用户头像" height="50px"></div><style> .a1{ position: relative; width: 50…
老是被人问到px、pt和em的区别，自己有时候也会纠结到底该用什么单位，今天特意查了一些文章，下面这篇虽然很久远了，但解释的比较全面，转载收藏之.这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章，题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我…
HTML代码 <div><imgsrc="images/1.jpg"></div> 方法一 利用position和margin共同实现 通过给父元素设置绝对定位属性来让子元素相对于div定位 relative是保留原来的位置进行定位并且是相对于自己原来的位置进行定位 absolute是脱离原来位置定…
有时候，要实现一些元素水平垂直都居中，这部分元素呢 可能大小未知，例如一些图片或者是一些未知大小的块元素。利用绝对定位可以将要居中的元素脱离文档流.position: absolute;left:0px;right: 0px;top:0px;bottom: 0px;但他的父元素要设成相对定位position: relative;这…
https://github.com/bqworks/slider-pro/blob/master/docs/modules.md#modules使用方法在页面中引入必要的文件： <link rel="stylesheet" href="dist/css/slider-pro.min.css"/><script src="libs/js/jquery-1.11.0.min.js">&…
<style>div { margin-left:50px; margin-top:50px;}.top { width:0; height:0; border-bottom:2em solid #000; border-right:1.8em solid transparent; border-left:1.8em solid transparent;}.bottom { width:0; height:0; border-…
目录 第一种：简单数字序号写法 第二种：倍数写法 第三种：倍数分组匹配 第四种：反向倍数分组匹配 第五种：奇偶匹配 正文 原文： https://blog.csdn.net/wangjia200913/article/details/49615325 语法 :nth-child(an+b)回到顶部 第一种：简单数字序号写法:nth-child…
© Copyright 2014 - 2024 柏港建站平台 ejk5.com. 渝ICP备16000791号-4