加入收藏 | 设为首页 | 会员中心 | 我要投稿 西双版纳站长网 (https://www.0691zz.com.cn/)- 数据计算、IT业界、服务器、教程、云日志!
当前位置: 首页 > 服务器 > 系统 > 正文

浅谈css之属性及剩余的选择符

发布时间:2020-03-16 04:01:00 所属栏目:系统 来源:站长网
导读:副标题#e# 今天的课程加速了,比平时快了些,但觉得很不错。nice~ 属性选择符 E[att] 选择具有att属性的E元素。 XML/HTML Code复制内容到剪贴板 input[type]{color:#red;}inputtype=radio E[att=val] 选择具有att属性且属性值等于val的E元素。 XML/HTML Cod

div { width:300px; height:100px; margin:10px;}   

  

div { width:300px; height:100px; margin:0 auto;}   

  

缩写型式:   

  

margin: 上边距  右边距  下边距  左边距   

  

margin: 上下边距    左右边距   

  

margin: 上边距  左右边距  下边距  

padding      内边距

CSS Code复制内容到剪贴板

padding : length   

  

div { width:300px; height:100px; padding:10px;}   

  

  

padding-top         设置上边的内边距   

padding-bottom     设置下边的内边距   

padding-left        设置左边的内边距   

padding-right        设置右边的内边距   

  

  

缩写型式:   

  

padding: 上边距  右边距  下边距  左边距   

  

padding : 上下边距    左右边距   

  

padding : 上边距  左右边距  下边距  

补充知识:

padding内边距

当一个盒子设置了背景图像后,默认情况下背景图像覆盖的范围是padding和内容组成的范围,并以padding的左上角为基准点平铺背景图像。

border边框

border边框里在IE并不显示背景图像的内容,在Firefox则显示背景图像的内容。

因为边框是介于内边距和外边距之间的,当边框设置为虚线时,在IE中,虚线空白的地方露

出来的是padding部分的背景,而在Firefox中,虚线空白的地方露出来的是margin部分的背景。

margin外边距

body是个特殊的盒子,它的背景色会延伸到margin的部分,而其他盒子的背景色只会覆盖“padding+内容 部分”(IE浏览器中)或者“border+padding+内容”部分(Firefox浏览器中)

margin用于控制块与块之间的距离。

倘若将盒子模型比作展览馆里展出的一幅幅画,那么content就是画面本身,padding就是画面与画框之间的留白,border就是画框,而margin就是画与画之间的距离。

以上这篇浅谈css之属性及剩余的选择符就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

(编辑:西双版纳站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读