weixin_51437431的博客

文章目录一、圆形二、扇形三、半圆四、花瓣五、椭圆六、胶囊七、三角形总结 因为lazy 所以效果图都放最后啦 一、圆形 <div class="box"> </div> width: 120px; height: 120px; background: skyblue; border-radius: 100%; 二、扇形 width: 60px; height: 60px; background: skyblue; border-radius: 0 0 0 60px;

css选择器 权重 文章目录css选择器 权重前言一、选择器1.基础选择器2.组合选择器3.属性选择器4.伪类选择器二、权重1.权重2.计算总结 前言 写css有三种方式 ：内嵌 内联 外联 内嵌：在head中创建<style 标签 在里面写css样式 内联：在标签里写style=‘color：red’ 外联：单独创建css文件 将其引入到html中 三种方式在实际使用中，权重优先级从高到低：嵌入>内联>外联。比较通用的样式适合抽离出来用外联，提高复用性，同时降低样式和内容的耦合；