css色彩 标准color
12-CSS3属性详解：动画详解
title: 12-CSS3属性详解：动画详解 publish: true 前言 本文主要内容： 过渡：transition 2D 转换 transform 3D 转换 transform 动画：animation 过渡：transition transition的中文含义是过渡。过渡是CSS3中具 ......
17-CSS3的常见边框汇总
title: 17-CSS3的常见边框汇总 publish: true CSS3 常见边框汇总 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3 边框</title> <style> body, ul ......
14-CSS3属性详解：Web字体
title: 14-CSS3属性详解：Web字体 publish: true 前言 开发人员可以为自已的网页指定特殊的字体（将指定字体提前下载到站点中），无需考虑用户电脑上是否安装了此特殊字体。从此，把特殊字体处理成图片的方式便成为了过去。 支持程度比较好，甚至 IE 低版本的浏览器也能支持。 字体 ......
13-CSS3属性：Flex布局图文详解
title: 13-CSS3属性：Flex布局图文详解 publish: true 前言 CSS3中的 flex 属性，在布局方面做了非常大的改进，使得我们对多个元素之间的布局排列变得十分灵活，适应性非常强。其强大的伸缩性和自适应性，在网页开中可以发挥极大的作用。 flex 初体验 我们先来看看下面 ......
08-CSS属性：定位属性
title: 08-CSS属性：定位属性 publish: true CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。 position: absolute; <!-- 绝对定位 --> position: relative; <!-- 相对定位 --> position: fixed; ......
09-CSS案例讲解：博雅互动
title: 09-CSS案例讲解：博雅互动 publish: true 前言 CSS已经学了一些基础内容了，我们来讲解一个小案例吧。以博雅互动的官网首页举例。 版心 首页的版心如下： 这里我们要普及一个概念，叫“版心”。版心是页面中主要内容所在的区域。 比如说，网站左上角的logo，设计图给出的左 ......
10-CSS3选择器详解
title: 10-CSS3选择器详解 publish: true CSS3介绍 CSS3在CSS2基础上，增强或新增了许多特性， 弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷。 CSS3的现状 浏览器支持程度不够好，有些需要添加私有前缀 移动端支持优于PC端 不断改进中 应用相对 ......
vue全家桶进阶之路42：Vue3 SCSS、SASS、CSS
SCSS和SASS都是CSS预处理器，它们的主要目的是简化CSS的编写，增加可维护性，并提供更丰富的功能。下面是它们与普通的CSS的区别： 语法：SCSS和SASS都具有比普通CSS更丰富的语法。其中，SASS使用缩进来表示嵌套，而SCSS则使用类似于CSS的花括号语法。因此，SCSS更易于CSS开 ......
04-CSS选择器：伪类
title: 04-CSS选择器：伪类 publish: true 伪类（伪类选择器） 伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。 比如div是属于box类，这一点很明确，就是属于box类。但是a属于什么类？不明确。因为需要看用户点击前是什么状态，点击后 ......
06-CSS盒模型详解
title: 06-CSS盒模型详解 publish: true 盒子模型 前言 盒子模型，英文即box model。无论是div、span、还是a都是盒子。 但是，图片、表单元素一律看作是文本，它们并不是盒子。这个很好理解，比如说，一张图片里并不能放东西，它自己就是自己的内容。 盒子中的区域 一个 ......
01-CSS属性：字体属性和文本属性
title: 01-CSS属性：字体属性和文本属性 publish: true 本文重要内容 CSS的单位 字体属性 文本属性 定位属性：position、float、overflow等 CSS的单位 html中的单位只有一种，那就是像素px，所以单位是可以省略的，但是在CSS中不一样。 CSS中的 ......
01-认识Web和Web标准
title: 01-认识Web和Web标准 publish: true Web、网页、浏览器 Web Web（World Wide Web）即全球广域网，也称为万维网。 我们常说的Web端就是网页端。 网页 网页是构成网站的基本元素。网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中 ......
云原生2.0网关API标准发展趋势
摘要：Gateway API希望取代Ingress API。 本文分享自华为云社区《云原生2.0网关API标准发展趋势》，作者：华为云云原生团队 。 云原生网关API标准背景及发展现状 Gateway API是一个开源的API标准，源自Kubernetes SIG-NETWORK兴趣组。从出身角度讲 ......
[Android Studio报错]Cant determine type for tag＜macro name=“m3_comp_bottom_app_bar_container_color“
使用最新版本的SDK33新建项目时，直接编译会有如下报错 Can't determine type for tag '<macro name="m3_comp_bottom_app_bar_container_color">?attr/colorSurface</macro>' 经过排查，是app目 ......
css常用属性
CSS 常用属性和高级属性的详细参数说明如下： 常用属性 字体属性 font-family: 字体系列 font-size: 字体大小 font-weight: 字体粗细 font-style: 字体样式 line-height: 行高 文本属性 color: 字体颜色 text-align: 文本 ......
css使用收集
文字 设定文本块中第一行的缩进 text-indent:5px; 设置文字左右间隔 letter-spacing: 2px; 设置文字上下间隔 line-height: 25px; ......
微信小程序九宫格布局css
微信小程序九宫格布局css .grid-list{ display: flex; flex-wrap: wrap; border-left: 1rpx solid #efefef; border-top: 1rpx solid #efefef; } .grid-item{ width:33.33%; ......
两个div在同一行显示CSS如何实现
一般两个div同行显示可以用float: left和display: inline_block来实现 <div class="div1">div1</div> <div class="div2">div2</div> .div1 { width: 200px; height: 200px; text ......
事件 jQuery 选择器 筛选器 样式操作 CSS操作 文本操作
事件 事件可以理解为：给HTML标签添加了一些额外的功能，并且能够触发JS的代码运行 1.事件就是达到某个触发条件，自动触发的动作 2.常用的事件 1.onclick：当用户点击某个对象是调用的事件句柄 2.onfoucus：元素获取焦点 3.onblur：元素失去焦点 4.onchange：域的内 ......
第六天练习（学习PTA题目的标准答案以及复习string函数知识）
#include <iostream> #include <string> using namespace std; bool check(string s) { int p_pos = -1, t_pos = -1; int p_count = 0, t_count = 0; for (int i ......
用css画箭头
在CSS中，可以使用伪元素 ::before 或 ::after 结合 border 属性来创建箭头。以下是一个简单的示例代码： ```html<div class="arrow"></div>``` ```css.arrow { position: relative; width: 0; heig ......
CSS实现居中的几种方法
1.flex弹性布局、grid网格布局实现居中（可能有兼容问题） 可以将justify-content: center; align-items: center;简写为：place-items:center; place-items是两者的复合属性，接收两个参数，第一个是align-items，第二 ......
Vue2 css mixins变量自动导入配置
vue.config.js const path = require("path"); function addStyleResource(rule) { rule .use("style-resource") .loader("style-resources-loader") .options({ ......
视频直播系统源码，CSS3如何调整背景图片大小
视频直播系统源码，CSS3如何调整背景图片大小 1.length length：设置背景图片的高度与宽度。第一个值设置宽度，第二个值为高度。如果只给出第一个值，那么第二值则设置为auto（自动）。 举例，将背景图片改为20emx20em(默认1px = .05em) width: 30em; hei ......
CSS—相对单位rem
一、概述 rem是一个相对长度单位，它的单位长度取决于根标签html的字体尺寸。rem即root em的意思，中文翻译为根em。浏览器的文本尺寸一般默认为16px，即默认情况下： 1rem = 16px rem布局原理：根据CSS媒体查询功能，更改根标签的字体尺寸，实现rem单位随屏幕尺寸的变化，如 ......
css选择器
1、id选择器 #id_name{} 前缀#，后接选中html元素的id属性值 选取单个 2、class选择器 .class_name{} 前缀.，后接选中html元素的class属性值 可以选择多个 class_name的第一个字符不能是数字 3、标签/元素选择器 label_name{} 直接使 ......
css-背景
1、背景颜色 background-color:red; background-color:#b0c4df; background-color:rgb(255,0,0); 设置背景颜色，有三种值，十六进制、RGB方法、颜色名称 在线颜色选择器：在线颜色选择器 | RGB颜色查询对照表 (jb51.n ......
css文本
1、color color:red; 设置字体颜色 2、text-align text-align:center; 设置文本的水平对齐方式，可选项：center居中对齐，right向右对齐，left向左对齐，justify两端对齐 3、文本修饰 text-decoration:none; 可选项：o ......
css字体
1、font-family字体系列 font-family:"Times New Roman", Times, serif; 应该设置多个，以作为后备机制，如果浏览器不支持第一种字体，他将尝试下一种字体。 字体系列的名称超过一个字，必须使用引号 2、字体样式 font-style:normal; 可 ......