样式 案例css
day 06 6.1 前端基础之CSS
前端基础之CSS CSS就是Cascading Style Sheet的缩写，中文译作“层叠样式表”或者是“级联样式表”，是用于控制网页外观处理并允许将网页的表现与内容分离的一种标记性语言，CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)，是Web网页开发技术的重要组成部分。 那么接下 ......
【获奖案例巡展】信创先锋之星——江西金发基于分布式数据库的互联网金融业务系统
为表彰使用大数据、人工智能等基础软件为企业、行业或世界做出杰出贡献和巨大创新的标杆项目，星环科技自2021年推出了“新科技 星力量” 星环科技科技实践案例评选活动，旨在为各行业提供更多的优秀产品案例，彰显技术改变世界的力量，目前已成功举办两届，收到了来自各界的积极参与。 第二届星环科技科技实践案例评 ......
八、实战案例之基于ELK实现容器日志收集与展示
kubernetes实战案例之基于ELK实现容器日志收集与展示实现pod中日志收集之至ELK，自定义字段数据格式转换、排序、基于日志实现pod自愈、自动扩容等 收集日志的方法： 1、通过DaemonSet在宿主机启动日志收集客户端Fluentd、logstash、filebeat -v 选项把宿主机 ......
优雅封装vue中的 iframe组件（可修改iframe内部样式）
公共组件 <template> <div class="wrapper-c"> <iframe id="fram_box" @load="loadFrame" :src="url"> </iframe> </div> </template> <script> export default { nam ......
01-CSS中的非布局样式
title: 01-CSS中的非布局样式 publish: true 前言 CSS中，有很多非布局样式，这些样式（属性）和与布局无关，包括： 字体、字重、颜色、大小、行高 背景、边框 滚动、换行 装饰性属性（粗体、斜体、下划线）等。 这篇文章，我们来对上面的部分样式做一个回顾。 边框 如何用边框画一 ......
02-CSS布局
title: 02-CSS布局 publish: true 前言 常见的布局属性 （1）display 确定元素的显示类型： block：块级元素。 inline：行内元素。 inline-block：对外的表现是行内元素（不会独占一行），对内的表现是块级元素（可以设置宽高）。 （2）positio ......
CSS开发积累
title: 认识Web和Web标准 publish: false 让flex盒子中的子元素们，居中 flex布局常用的三行代码： display: flex; justify-content: center; // 子元素在横轴的对齐方式 （左右居中） align-items: center; / ......
CSS文章推荐
title: 认识Web和Web标准 publish: false 2020-03-16 Bootstrap 中文文档：https://code.z01.com/v4/content/tables.html 2020-03-13 CSS实现鼠标悬停弹出微信二维码 ......
CSS的一些小知识
title: 认识Web和Web标准 publish: false 隐藏盒子的几种方式 隐藏盒子，有以下几种方式： （1）方式一： overflow：hidden; //隐藏盒子超出的部分 （2）方式二： display: none; 隐藏盒子，而且不占位置(用的最多) 比如，点击X，关闭京东首页上 ......
11-CSS3属性详解（一）
title: 11-CSS3属性详解（一） publish: true 前言 我们在上一篇文章中学习了CSS3的选择器，本文来学一下CSS3的一些属性。 本文主要内容： 文本 盒模型中的 box-sizing 属性 处理兼容性问题：私有前缀 边框 背景属性 渐变 文本 text-shadow：设置文 ......
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 初体验 我们先来看看下面 ......
09-CSS案例讲解：博雅互动
title: 09-CSS案例讲解：博雅互动 publish: true 前言 CSS已经学了一些基础内容了，我们来讲解一个小案例吧。以博雅互动的官网首页举例。 版心 首页的版心如下： 这里我们要普及一个概念，叫“版心”。版心是页面中主要内容所在的区域。 比如说，网站左上角的logo，设计图给出的左 ......
03样式表和选择器
title: 03-CSS样式表和选择器 publish: true 本文主要内容 CSS 概述 CSS 和 HTML 结合的三种方式：行内样式表、内嵌样式表、外部样式表 CSS 四种基本选择器：标签选择器、类选择器、ID选择器、通用选择器 CSS 几种扩展选择器：后代选择器、交集选择器、并集选择器 ......
08-CSS属性：定位属性
title: 08-CSS属性：定位属性 publish: true CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。 position: absolute; <!-- 绝对定位 --> position: relative; <!-- 相对定位 --> position: fixed; ......
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开 ......
05样式表的继承性和层叠性
title: 05-CSS样式表的继承性和层叠性 publish: true 本文重点 CSS的继承性 CSS的层叠性 计算权重 权重问题大总结 CSS样式表的冲突的总结 权重问题深入 同一个标签，携带了多个类名 !important标记 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中的 ......
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; ......
【获奖案例巡展】信创先锋之星——云上贵州信创工程中心大数据中台
为表彰使用大数据、人工智能等基础软件为企业、行业或世界做出杰出贡献和巨大创新的标杆项目，星环科技自2021年推出了“新科技 星力量” 星环科技科技实践案例评选活动，旨在为各行业提供更多的优秀产品案例，彰显技术改变世界的力量，目前已成功举办两届，收到了来自各界的积极参与。 第二届星环科技科技实践案例评 ......
微信小程序九宫格布局css
微信小程序九宫格布局css .grid-list{ display: flex; flex-wrap: wrap; border-left: 1rpx solid #efefef; border-top: 1rpx solid #efefef; } .grid-item{ width:33.33%; ......
第三次作业-两个数加和案例
| 这个作业属于哪个课程 | https://edu.cnblogs.com/campus/sdscfz/SF3/ | | | | | 这个作业要求在哪里 | https://edu.cnblogs.com/campus/sdscfz/SF3/homework/12944 | | 这个作业的目标 | ......
202309-发际线与你们作队 实验四：软件开发案例（1）（团队作业）
| 项目 | 内容 | | | | | 课程班级博客链接 | 2020卓越工程师班 | | 这个作业要求链接 | 实验四 软件开发案例（1） | | 团队名称 | 发际线与你们作队 | | 我的课程学习目标 |完成软件开发案例（1）| | 这个作业在哪些方面帮助我实现学习目标 | 1.软件开发环境部 ......
两个div在同一行显示CSS如何实现
一般两个div同行显示可以用float: left和display: inline_block来实现 <div class="div1">div1</div> <div class="div2">div2</div> .div1 { width: 200px; height: 200px; text ......