kaer_invoker - 博客园

2021年7月12日

摘要： CSS三大特性：层叠性,继承性，优先级。一、层叠性。相同的选择器设置同属性的样式，值不同。即发生样式层叠冲突。因此，CSS的原则是：哪个样式离元素最近，就展示哪个样式。对于这段代码，显示的就是red颜色。 1 <!-- 2 * @Author: invoker 3 * @Github: ht 阅读全文

posted @ 2021-07-12 21:13 kaer_invoker 阅读(39) 评论(0) 推荐(0) 编辑

CSS学习笔记(一)-8.背景

摘要：一、背景色默认元素都有背景色，只不过背景色是透明。 background-color: transparent; 1 <!-- 2 * @Author: invoker 3 * @Github: https://github.com/invoker2021 4 * @Date: 2021-07-1 阅读全文

posted @ 2021-07-12 18:37 kaer_invoker 阅读(41) 评论(0) 推荐(0) 编辑

CSS学习笔记(一)-7.小案例-导航侧边栏样式

摘要： 1 <!-- 2 * @Author: invoker 3 * @Github: https://github.com/invoker2021 4 * @Date: 2021-07-12 17:30:10 5 * @LastEditors: invoker 6 * @LastEditTime: 20 阅读全文

posted @ 2021-07-12 17:43 kaer_invoker 阅读(98) 评论(0) 推荐(0) 编辑

CSS学习笔记(一)-6.元素显示模式

摘要：元素显示模式有3种，块元素，行内元素，行内块元素，他们分别有自己的特点。一、块元素常见块级元素：h1-h6,p,div,ul,ol,li.典型的是div 特点： 1.独占一行。 2.高度，宽度，内外边距,自己设置。 3.默认宽度是父级容器宽度的100%，默认高度是盒子内部内容的高度。如果没有内容阅读全文

posted @ 2021-07-12 17:29 kaer_invoker 阅读(66) 评论(0) 推荐(0) 编辑

2021年7月9日

CSS学习笔记(一)-5.复合选择器

摘要：学习视屏：https://www.bilibili.com/video/BV14J4114768 复合选择器就是基础选择器的组合一、.后代选择器后代选择器即父选择器选择子选择器或则孙子选择器。总之，选择后代。 1 <!-- 2 * @Author: invoker 3 * @Github: ht 阅读全文

posted @ 2021-07-09 23:13 kaer_invoker 阅读(53) 评论(0) 推荐(0) 编辑

CSS学习笔记(一)-4.CSS样式引入三种方式

摘要：学习视屏：https://www.bilibili.com/video/BV14J4114768 一、内部样式即在Html中任意位置使用<style></style>标签，内部编写样式。 1 <!-- 2 * @Author: invoker 3 * @Github: https://github 阅读全文

posted @ 2021-07-09 21:27 kaer_invoker 阅读(78) 评论(0) 推荐(0) 编辑

CSS学习笔记(一)-3.文本外观属性

摘要：一、文本颜色文本颜色使用color,有多种定义颜色的方式。 1 <!-- 2 * @Author: invoker 3 * @Github: https://github.com/invoker2021 4 * @Date: 2021-07-09 19:17:43 5 * @LastEditors 阅读全文

posted @ 2021-07-09 19:26 kaer_invoker 阅读(137) 评论(0) 推荐(0) 编辑

CSS学习笔记(一)-2.字体

摘要：一、字体 1.1字体的书法样式：font-family 1 <!-- 2 * @Author: invoker 3 * @Github: https://github.com/invoker2021 4 * @Date: 2021-07-09 17:49:26 5 * @LastEditors: i 阅读全文

posted @ 2021-07-09 18:14 kaer_invoker 阅读(28) 评论(0) 推荐(0) 编辑

CSS学习笔记(一)-1.基础选择器

摘要：一、标签选择器选择指定标签设置样式优点：快缺点：同类标签不能差异化 1.平级标签的样式 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compa 阅读全文

posted @ 2021-07-09 16:30 kaer_invoker 阅读(29) 评论(0) 推荐(0) 编辑

2021年7月8日

Vuejs学习笔记(三)-20.keep-alive标签的使用

摘要： keep-alive保持活跃，这个如何使用？先看一些例子一、在组件中使用生命周期回调函数 created(),destoryed(*),activated(),deactivated() 分别是创建，销毁，活跃，不活跃。 Home.vue中定义这4个函数 1 <template> 2 <div> 阅读全文

posted @ 2021-07-08 23:47 kaer_invoker 阅读(235) 评论(0) 推荐(0) 编辑

知行合一