1.1 css style 样式定义：行内 style 属性、单页＜style＞标签、多页＜style＞标签

1.1 style 样式定义：行内 style 属性、单页标签、多页标签

文章目录

1.1 style 样式定义：行内 style 属性、单页 ` `标签、多页 “ 标签
- 1.行内 style 属性：仅对当前标签产生影响
- 2.单页 ` `标签：对同一页面的一类/多类元素产生影响
- 3.多页 “ 标签：对多个页面产生影响
- 4.多行注释：/* */

首先创建一个
staic文件夹，用于存放图片、音视频、css 等文件夹资源：

1.行内 style 属性：仅对当前标签产生影响

把长宽等样式定义在某个标签的style属性中，仅对当前标签产生影响，如：

style 里面不能省略掉像素单位 px

两种定义属性的方式：

不用 style：

用 style：

2.单页标签：对同一页面的一类/多类元素产生影响

此时一般把定义在标签里面：

style标签中的样式可以对该页面的同一类/多类元素产生影响：

除了直接对某类标签统一设置样式，还可以结合 class 属性分类设置样式：

class 类名可以多个组合在一起：



    
    
    
    Document

    
  
    
        img {
            width: 200px;
            height: 200px;
            border-radius: 50%;/* 边角弧度 */
        }
    
    /* type="text/css"可以不写 */
        p {
            width: 50px;
            height: 50px;
            background-color: lightblue;
        }

        .blue-p {/* style 引用 class 分组的组名前面要加. */
            background-color: lightgreen;
        }

        .big {
            width: 100px;
            height: 100px;
        }
    


  
    <!-- class 分组要写在第一组里面 -->
  
    

    段落一
    段落二
    段落三