CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。
CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。
css常用标签:
1、px、em、rem。
px是像素的意思,相对于显示器屏幕分辨率而言的,比较呆。
em是相对长度单位,相对于当前对象内文本的字体尺寸。如果当前行内文本的字体尺寸未被设置,则相对于浏览器的默认字体尺寸,因此它不是固定尺寸,很灵活。
rem是继承于根目录的元素单位,也很灵活。
em和rem都可以设置图片的宽度百分比来适应网页大小。
2、用ing设置图片大小及自适应。
浏览器默认的是16px,因此在不额外设置的基础上,1em=16px。
通常为了便于换算会在父级元素中加入:font-size:。font-size:62.5%即等于10px(16px*62.5%=10px),这样在这个父元素以下的em单位都会默认为10px。
3、自适应的设置,在代码开头的媒体查询那一栏中需要加入
initial-scale=1"中的1是倍数,1就是一倍大小,2就是两倍大小。
4、display: block。可使元素显示方式变成块状元素。它单独占一行,很好用。
5、margin:auto。
margin:0 auto——水平居中,margin:auto 0——垂直居中,margin:auto——水平垂直居中