css常见的概念

padding-top:10px;是指容器内的内容距离容器的顶部有10个像素，是包含在容器内的；

margin-top:10px;是指容器本身的顶部距离其他容器有10个像素，不包含在容器内；

top:10px;是指容器本身的顶部距离页面的顶端有10个像素。

padding和margin的区别可以简单的理解为墙上挂着的两个相框，margin指的是相框与相框的距离，padding指的是每个相框里照片与相框边框的距离。

时间： 2024-10-07 06:53:59

css常见的概念的相关文章

css常见属性

### css常见属性- color:red/rgb(255,0,0)/#f00; + 注意,如果有a链接,必须在a链接中设置字体的颜色:在外面设置a链接中的字体颜色,无效:- font:400 14px/28px "宋体微软雅黑": + font-weight:400; bold->700; + font-size:14px; + line-height:28px; + font-family:"宋体"- background:url("相对地址

css常见属性和属性值

CSS常见布局问题整理

实现div的水平居中和垂直居中多元素水平居中实现栅格化布局 1. 实现div的水平居中和垂直居中实现效果: 这大概是最经典的一个题目了,所以放在第一个. 方法有好多, 一一列来主要思路其实就是使用position,相对父元素做绝对定位(设置百分比[由父元素宽高调节子元素大小]/设置margin和相对位置(确定宽高)) 使用flex属性使用tranfrom做相对位移的调节 1) 只适用: 宽高已定设置position: absolute(父元素记得设置: relative), 然后t

Div+CSS常见错误总结

CSS+DIV是网站标准(或称"WEB标准")中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位.应用应用DIV+CSS编码时很容易犯一些错误.本文列举了一些常见的错误: 1. 检查HTML元素是否有拼写错误.是否忘记结束标记即使是老手也经常会弄错div的嵌套关系.可以用dreamweaver的验证功能检查一下有无错误. 2. 检查CSS是否正确检查

CSS基础【2】：CSS常见属性

CSS常见属性文字属性 font-style 作用:规定文字样式格式:font-style: italic; 取值: normal:正常的,默认就是正常的 italic:倾斜的 font-weight 作用:规定文字粗细格式:font-weight: bold; 单词取值: bold 加粗 bolder 比加粗还要粗 lighter 细线, 默认就是细线数字取值: 100 - 900之间整百的数字 font-size 作用:规定文字大小格式:font-size: 30px; 取值:px

css常见单位尺寸

css常见尺寸: Px:像素,绝对尺寸,其他尺寸单位,在经过浏览器计算后,都会变为px: em:相对尺寸,相对于当前元素的字体大小的倍数:比如{font-size:15px:width:5em}→width为15*5=75px: %:百分比,在不同的CSS属性中,有不同的含义. rem:相对尺寸,相对于浏览器来说,比如{width:5rem}→推出width为5*16px=80px,因为浏览器默认字体大小是16px 原文地址:https://www.cnblogs.com/muxi95/p/11

<转载>div+css布局教程之div+css常见布局结构定义

在使用div+css布局时,首先应该根据网页内容进行结构设计,仔细分析和规划你的页面结构,你可能得到类似这样的几块: 页面层容器.页面头部.标志和站点名称.站点导航(主菜单).主页面内容.子菜单.搜索框.页脚(版权和有关法律声明). 通常采用DIV元素来将这些结构定义出来,类似这样: <div id="Container"></div> 页面层容器 <div id="header"></div> 页面头部 <di

css常见水平居中

行内元素居中常见行内元素如文本,图片等居中时,通常是给父元素设置text-align:center 来实现.例如 HTML: <body> <div>我是文字,我要居中显示</div> </body> css: <style> div{ text-align:center ; } </style> 块元素居中块元素居中分为不定宽和定宽两种形式,定宽的块元素我们可以通过设置margin值为auto实现居中.例如: <body&

css常见居中方法

在css布局中,居中占着很关键的作用,如果不能很好的运用居中,就会导致整个页面的混乱. 在实际页面布局中,居中的方法有很多,有很多简单实用的方法,也有老实的方法.刚开始写页面的时候,我比较喜欢用老实的方法去写,因为不会错,但我们也应该掌握常见的居中方法. 常见居中方法: text-align:center 在父容器里水平居中 inline文字,或inline元素. vertical-ailgn:middle 垂直居中 inline文字,inline元素,配合display:table,displ