前端,基础选择器,嵌套关系.display属性,盒模型

【前端,基础选择器,嵌套关系.display属性,盒模型】的更多相关文章

前端,基础选择器,嵌套关系.display属性,盒模型

基础选择器 1.统配选择器控制html,body及body内跟显示相关的标签 *{ width:80px; height:80px; background-color:red; } 2.类选择器以class起名的标签,控制class名匹配的标签 (因为标签的class名可以重复) <div class="foo">123</a> .foo{ width:80px; height:80px; background-color:pink; } 3.id选择器以…

CSS基础：块级元素与盒模型

简介在 HTML4.01 中,元素通常可以分为块级元素( “Block-level element” ) 和内联元素 ( "Inline-level element" ) 两大类.块级元素单独占一行显示,内部可以包含内联元素或其他块级元素:内联元素不换行,内部只能包含其他内联元素,在这篇文章中将只讨论块级元素.(注:在 HTML5 中并没有块级元素和内联元素的概念,而是通过内容模型( “Content model” )规定了每个元素的分类( “Content categories”…

WEB前端基础之SCC(字体颜色背景-盒子模型)

目录一:伪元素选择器 1.首字调整>>>:也是一种文档布局的方式 2.在文本的前面通过css动态渲染文本>>>:特殊文本无法选中 3.在文本的后面通过css动态渲染文本>>>:特殊文本无法选中二:选择器的优先级 1.选择器优先级 2.相同选择器不同导入方式(相同距离优先) 3.不同选择器不遵循就近原则>>>:优先级三:字体相关 1.高度和宽度 2.字体大小 3.字重(粗细) 四:文本颜色 1.第一种方式 2.第二种方式(颜色编码…

CSS基础知识---浮动，定位和盒模型

转载请注明出处! 需要掌握的三个最重要的CSS概念是浮动,定位和盒模型. 盒模型概述: 页面上的每个元素都被看做一个矩形框(元素框or盒模型),这个框由元素内容,内边距,边框和外边距组成. 内边距出现在内容区域的周围,如果为元素添加背景,那么背景就会应用于由内容和内边距组成的区域.添加边框会在内边距的区域外边加一条线.在边框外边是外边距,外边距是透明的,一般用它来控制元素之间的间隔. 内边距,边框,和外边距是可选的,默认值为零.但是许多元素由用户代理样式表设置了外边距和内边距,我们可以将元素的m…

【百度前端技术学院 Day5/6】CSS盒模型及Float简单布局

1. 盒模型 1.1 内容区 content 默认情况下,width和height只包括内容区域的宽和高,不包括border.padding.margin使用box-sizing可以使其包含content.padding.border //width和height属性包括content.padding和border,但是不包括margin(外边距)box-sizing: border-box; 1.2 内边距 padding 1.3 边框 border 1.4 外边距 margin 外边距塌陷:…

前端基础问题：CSS vertical-align 属性

CSS vertical-align 属性与基线的那些事~ 定义和用法: vertical-align 属性设置元素的垂直对齐方式. vertical-align只对内联元素(inline.inline-block.inline-table).表格单元格元素(table-cell)生效. 说明: 该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐. 允许指定负长度值和百分比值.这会使元素降低而不是升高.在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式. 默认值: baseli…