通过一段时间的对web的学习,学到了一些css的知识,在此做一个总结。
我使用的开发工具是VScode
css是级联样式表,是对HTML网页的内容进行美化和布局的改动,如颜色,位置,大小,透明等等
css的语法例如:h1{color:blue;height:20px},括号前面是作用的对象即选择器,括号里面是改动的内容。当作用对象为id和class时,选择器表示为#id{}名和.class名{}
css有外部样式表 内部样式表 内联样式三种使用方式,外部样式则是新建一个css文件,但要在html文件里声明;内部样式则是在html文件的<head>里的<style>;内联则是在每个元素里,形式为<h1 style="color:blue;">内容</h1>,style里面则是css。优先级从高到低是内联样式,内部或者外部样式,缺省样式 。
一些重要css属性如color,需要用rgb16进制或名称;尺寸则是height和width等,单位为像数px、百分比%。
盒子模型为一重要概念,是将html元素比作盒子,盒子则有内容content,内边距padding,边框border,外边距margin四个构成,然后可以改变这四个属性的尺寸颜色等。
定位是指对元素的位置进行布局,为position元素,值为静态static、相对relative、固定fixed、绝对absolute。静态为默认位置;相对为相对静态位置移动;固定为让元素怎样都不懂;绝对为对某个父元素偏移。
溢出属性qverflow用于处理超过指定区域的元素内容,值为:默认值visible ,溢出部分不被裁剪,在区域外面显示;hidden 裁剪溢出部分且不可见;scroll裁剪溢出部分 ,但提供上下和左右滚动条供显示;auto裁剪溢出部分 ,视情况提供滚动条。
浮动属性float可以让某元素水平向上下左右进行移动,周围元素也重新排列,常用来处理围绕图片的文字。
透明度属性opacitt,设置透明度,常用于图片,值在[0.0~1.0]之间,值越低,透明度越高
组合选择器为元素、id和class组合的选择器,有后代和子选择器,后代选择器如.haha p表示有haha类的元素里的<p>元素;子选择器如。.haha>p表示.haha类的元素的直接<p>元素