WEB前端css,html基础了解

WEB前端css,html基础了解

***css***层叠样式表(Cascading Style Sheets)

一般会在头部引入css文件，或者把css文件放在外部，方便浏览器浏览网页时便利，程序员也好方便去检查代码，出错率也会降低。
`
清除网页中原本的样式

引入外部css文件

` **css**的一般语法：选择器{ 属性名：值} 一般来说，都是名值对相互对应的，一个名字对应一个值。例如： color：red； 但是，有一些属性名也有例外，我们称他们为简写名，例如：font：10px 微软雅黑 #bbbbbb； font，它就将 font-size（文字大小）， font-family（文字样式）， font-color（文字颜色）；都放在一起使用，也相对简单。 诸如此类的语法，还有，*border：1px #cccccc solid;* border-width（边界宽度） border-color（边界颜色） border-style（边界样式）

• 类选择器{} .属性名{ }
• 清除选择器{} *{ }
• id选择器{} #id属性名{ }
• 元素选择器{} 元素名{ }

盒子模型：
建造

盒子模型时为页面布局考虑，一定要解决高度塌陷。

解决高度塌陷的三种方案
开启元素的BFC，IE6以下的浏览器开启haslayout。
1.将元素的overflow设置为非visible的值：
overflow：auto；zoom：1；
2.通过after伪类，给元素的最后添加一个空白的元素。
.clearfix:after{
content:"";
display:table;
clear:both;
}
zoom:1;

3.完善clearfix，既可以解决高度塌陷，又可以确保父元素和子元素的垂直外边距不会重叠。
目前，这是解决高度塌陷最好的方法。
.clearfix:before,
.clearfix:after{
content:"";
display:table;
clear:both;
}
zoom:1;

好滴 ，朋友们今天就说这么多叭，希望能够对想学前端的小伙伴们有一些帮助哦！期待下期的见面。