<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS测试</title>
<style>
.div{
background-color:#999;
}
.box{
background-color:yellow
;
float: left;
width: 25%;
width: calc(25% - 5px);
border:1px solid Black;
}
/*
calc()可以计算公式
注意:运算符左右要加空格
*/
</style>
</head>
<body>
<div>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
</body>
</html>相关推荐
php三目运算表/*例子1*/ $a=8; $str= $a>10?"是的,a大于10":"不,a不大于10"; echo $str."<br&
css选择器练习的一个小游戏 很有意思地址:http://flukeout.github.io/一共26关 很萌的小游戏,或者自行百度搜索【CSS Diner】查找据说这个游戏通关了。css就没什么难度了。娱乐中学习也是很不错的
div+css网页布局笔记:盒子模型(框模型)一个盒子我们会分为几个部分:内容区:content内边距:padding边框:border外边距:margin盒子占用空间的大小可见尺寸=指定宽高+边框宽度+内边距宽度+外边距宽度盒子的内边距特性:元
css浮动的特性,与浮动带来的影响以及如何清除浮动日常胡说八道:块元素在文档流中默认垂直排列，所以多个div从上至下依次排开如果希望块元素在页面中水平排列，可以使用float来使元素浮动，从而脱离文档流,元素脱离文档流以后，它下边的元素会立即向上移动
html/css中BFc的开启、关闭、作用什么是BFCBFC是什么并不重要。重要的是开启它干嘛？以及如何开启它根据W3C的标准，在页面中元素都一个隐含的属性叫做Block Formatting Context（块级 格式化 环境）简称BFC开
css定位:相对定位、绝对定位、固定定位的区别与特性css定位常用的有以下三种：使用了定位的共同特性:这三种定位可以设置四个值,但是通常只用到2个值就可以完成定位如果只写了定位 没有设置偏移量,则元素位置都不会改变,默认值为原来的位置.使用了定位,.元
css-sprite 雪碧图制作工具 雪碧图的使用,合并多张小图,背景图片当按钮的设置雪碧图制作工具下载:链接：https://pan.baidu.com/s/1zc2Vez5VMWwa2Ark21DElA 提取码：cojm 背景图片基础:使用background-image来设置背景
html表格table的使用,以及表格的css样式通用代码,拿来即用<style> table{border-spacing:0px;border-collapse: collapse ;} td,th{border:1px soli
zblog二级下拉菜单的css样式zblog的二级下拉菜单css样式@media screen and (min-width: 1200px) { .li-subcate{ display:none; }
css图片左边有空隙如何处理把图片display:block;即可