CSS基础知识梳理

    技术2022-07-10  97

    一、选择器

    标签选择器:span {color: orange} 最固定死板,应用到一个标签类型,所有该标签类型都应用 id选择器: #s1 {font-size :36px} 最孤单特殊,id只能有一个,所以只能运用一次 class选择器:.c1 {color: blue} 最灵活,可以任意次数、地方应用

    二、css三种写法

    1.内部样式表 style标签

    <head> <style> hr {color:red;} p {margin-left:10px;} body {background-image:url("img.jpg");} </style> </head>

    2.外部样式表 .css文件

    <head> <link rel="stylesheet" type="text/css" href="index.css"> </head>

    3.内联样式表(局部) style属性

    <p style="color:red;margin-left:10px">直接将效果写在标签当中</p>

    注意:内联样式(局部)>内部样式>外部样式

    Processed: 0.057, SQL: 9