首页 > 代码库 > css基础1

css基础1

引入方式:1.内联。写在标签内,<p style="color:#000000;"></p>,优先级高,控制精确,可重复性差。

                  2.内嵌。写在<head>内,<style="color:#000000;"></style>,可重复性好。

                  3.外部。新建一个css文件放入样式表,用<link>引入。

标签选择器:1.标签选择器。写在<style>内,直接写标签,p{margin:1px;}。

      2.class选择器。写在<style>内,用“.”开头,后面跟{}。

      3.id选择器。写在<style>内,用“#”开头,后面跟{}。

      4.复合选择器。a.并列选择器。写在<style>内,用“,”隔开,表示并列。

             b.子代选择器。写在<style>内,用“ ”隔开,表示后代。

格式与布局:1.锁定位置:position:fixed,锁定位置,如有些网站右下角弹窗。

      2.绝对位置:position:absolute,现对于容器的绝对位置。

      3.相对位置:position:relative,相对于周围元素的位置。

      4.分层:z-index,用于图片层叠,z-index:2;表示为第二层。

css基础1