当前位置: 首页 > Web前端 > CSS

CSS的那些事儿

时间:2023-03-31 00:10:26 CSS

CSS简介想要做出漂亮高大上的网页,除了HTML文件的编写,CSS的编写也是必不可少的。CSS的英文全称是CascadingStyleSheets,即层叠样式表。CSS不仅可以静态修改网页,还可以用各种脚本语言动态格式化网页元素。让我介绍一些关于CSS的技巧。什么是文档流?文档流的英文是NormalFlow,意思是文档中元素的流向。简单来说,内联元素从左到右流动,块级元素从上到下流动。文档流中的内联元素默认从左到右排列,宽度不够自动换行;而文档流中的块级元素是从上到下排列的,每个元素占一行。其中float:left、position:absolute、position:fixed可以让元素脱离文档流。内联元素对内联元素设置宽高没有效果,设置margin和padding有效。什么决定了div的高度?div高度由其内部文档流元素的高度之和决定。一旦元素离开文档流,它就不再被计入div高度。内容框和边框框有什么区别?border-box的宽度包括padding和border,而content-box正好相反,它的宽度不包括padding和border。关于背景图的小技巧1背景图太大无法居中显示怎么办?背景位置:中心中心;2图片要完整显示怎么缩放?background-size:cover;3如果要在页面上显示两个空格,代码应该怎么写?只需在代码中写入即可。如何进行水平布局?当我们希望某些元素水平布局时,可以使用下面的套路来实现:给所有希望排成一行的子元素添加float:left;将clearfix类添加到所有父元素,其中clearfixclassFor:.clearfix::after{content:'';显示:块;明确:两者;}CSS绘制三角形接下来我们将使用纯CSS绘制三角形:div{border:10pxsolidtransparent;宽度:0px;border-left-color:#e6686a;边框顶部宽度:0px;}