web前端css基础易错点

给定位所以给w高度 opacity是把所有内容的透明度设置 大盒子(超大盒子区域盒子内的)给高度是让他占位置

一个块级元素不设置宽度,给它左右内边距,不会撑宽盒子,只会影响它的内容

焦点图的小点点量的时候给最后一个多量点就不用清除使用l0+r0时不用transform但是自身必须要有宽高

在用转义符>时候可以换个字体样式给为宋体simsum

盒子模型就是把HTML页面中的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器。盒子模型有元素的内容、边框(border)、内边距(padding)、和外边距(margin)组成。盒子里面的文字和图片等元素是 内容区域。盒子的厚度 我们成为 盒子的边框。盒子内容与边框的距离是内边距(类似单元格的 cellpadding)。盒子与盒子之间的距离是外边距(类似单元格的 cellspacing)文本默认情况下,是不加粗,并且也不倾斜,同时默认字体是微软雅黑。所以最简单的代码是,只设置字体大小即可

文本颜色通过color属性赋值,可以用英文单词,rgb表示法,十六进制表示法

但是注意一点,如果rgb中用的是百分比,那么所有的数值都必须有%单位,即使是0%也需要。图片是内容,可以撑开盒子的宽高,但是背景图片是作为背景存在,所以必须要手动设置盒子宽高。

不管是图片还是背景图片的路径,都可以是绝对或者相对路径。在谷歌浏览器中,默认的字体大小是16px,最小字体大小不是16px。 border-style默认值是none

你可能感兴趣的:(web前端css基础易错点)