最新 最热

css 子元素margin-top影响了父元素

可以看到box1虽然没有margin-top:50px,但是上方也留出了50px

2020-11-12
1

CSS Margin塌陷(重叠)

在标准文档流中,竖直方向(是竖直方向,水平方向的不会出现塌陷现象)的margin会出现叠加现象,即较大的margin会覆盖掉较小的margin,竖直方向的两个盒子中间只有一个较大的margin,这就是margin的塌陷现象。...

2020-11-09
1

css3盒子模型最详解

box-sizing<html lang="en"><head> <meta charset="UTF-8"> <title>51-盒子box-sizing属性</title> <style> .content{ width: 300px; ......

2020-11-03
1

CSS border详解+padding详解+margin详解

特点: 记住哈,一个所谓的边框必须有三样. 第一;这个边框是什么颜色的. 第二:这个边框的样式是什么样的? 第三;这个边框有多少的厚度.

2020-11-03
1

详解:44 background-clip

//裁剪成白色哈,border的属性比如solid之类的不会裁剪。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>background-clip</title><link rel="stylesheet" type="......

2020-10-28
1

PHP+MYSQL分页css篇2

body{ font-size: 12px;font-family: verdana;width: 100%; } div.page{ text-align: center; } div.content{ height: 300px; } div.page a{ border:#aaaadd 1px...

2020-10-28
1

5.边框样式-CSS基础

一、边框 几乎可以对所有元素定义边框。 我们可以为div元素、img元素、span元素、table元素定义边框。 1.设置边框的三方面 边框宽度边框外观(实线、虚线等)边框颜色(1)边框样式属性属性说明border-width边框的宽度border...

2020-10-28
1

详解:18:in-range :out-of-range

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> input[type="number"]:in-range ......

2020-10-28
1

详解:22 border-radius

核心:记住,如果只写一个的话,代表四个角都变化 记住:如果写两个的话。代表左上角与右下角一样,右上角与左下角一样 记住:如果三个值的话,代表左上角 右上角 左下角 如果四个值的话,代表顺时针,从左上角----右上角—右下角—左...

2020-10-28
1

详解: 23 border-radius以border为基点(变化点)

核心: border-radius: 60px 40px 20px 10px /30px 20px 10px 5px;是什么? /第一个是60 30是左上角把,是水平60垂直30.。/ 依次比较 border-radius: 40px;代表什么? 代表左上角 右上角 右下角 左下角四个都水平垂直为40px...

2020-10-28
1