weixin_45938584的博客

我遇到的需求时做一个深色主题和浅色主题切换的一个效果方法一 多套css这个方法也是最简单，也是最无聊的<!-- 中心 --><template> 动态获取class名称，进行一个父级class的多次定义 <div :class="className"> <div class="switch" v-on:click="chang()"> {{ className == "box" ? "开灯" : "关灯" }} &lt

文章目录标准文档流float属性-浮动float属性的特性浮动的应用场景clear属性-清除浮动清除浮动的方法标准文档流 “标准文档流”（Normal Document stream），简称“标准流”，是指在不是使用其他与排列和定位相关的特殊css规则时，各种元素的排列规则；float属性-浮动浮动：是元素脱离“标准文档流”。 该属性的值指出了对象是否浮动以及浮动的反向设置float常用的属性值有left和right，分别为左浮动和有浮动 float:left; float:righ

css特性层叠性：层叠性是指当一个标签被设置了多个重复的样式的时候，一个属性会覆盖另一个属性。层叠性主要遵循的原则就是就近原则，在不考虑优先级的情况下，在多个样式中最终生效额样式是离标签最近的样式。继承性：继承性是指当标签没有设置样式时，会继承父标签的样式，比如一个标签没有设置背景颜色，那么子标签会继承父标签的背景颜色。可继承的属性比如由字体属性（字体颜色，字体大小之类的），文本属性，行高之类，背景类属性（背景颜色之类的）优先级!important 作用是提高指定css样式规则的应用的优先级。

文章目录CSS选择器CSS选择器CSS选择器也称为选择符，用于选择需要添加样式的元素全局选择器（通配符选择器）：用于选择需要添加样式的元素如： *{margin:0;padding:0;}通常不建议使用通配选择符，因为它会遍历并命中文档中所有的元素，出于性能考虑，需要酌情使用。标签选择器（元素选择符）：用于声明标记采用的样式如：p{color:red;}类别选择器：用来为相同的类名标签定义相同的样式。类别选择器在页面上会有很多1. 先使用class在便签上定义类名 ：如 <p cl

CSS语法，引入方式什么是CSS?为什么要使用CSS？怎么设置CSS样式？语法样式表分类行内样式表内联样式表链接样式表导入样式表什么是CSS?Cascading Style sheet (层叠样式表)的缩写用来控制网页外观。（修改和美化HTML）HTML 超文本标记语言 从语义的角度描述页面结构CSS 层叠样式表 从审美的角度负责页面样式JavaScript 从交互的角度描述页面行为为什么要使用CSS？使页面代码更少，网页下载更快实现了内容与样式的分离，使网站维护更快捷使网页与浏

今天简单的说一下三角形和圆形的css实现方式一，三角形如何实现 <style> .box{ font-size: 18px; color: red; line-height: 30px; font-weight: bold; padding: 10px; margin: 10px; width: 100px;