【Web前端学习笔记】第二章 CSS常见使用方法

Web前端学习笔记 第二章 CSS 文章目录 Web前端学习笔记前言一、在html页面中添加CSS样式代码二、选择器1.标签名选择器2.id选择器3.类选择器4.分组选择器5.属性选择...

CSS 使用 @font-face 引入外部字体

CSS 使用 @font-face 引入外部字体 下载所需字体到本地把下载字体文件放入font文件夹里定义字体引用字体结果 😬没...

CSS给元素添加边框(样式、颜色、宽度)

给元素添加边框CSS边框属性允许你指定一个元素边框的样式和颜色, 和边框宽度。 可以使用 border 属性将边框样式,颜色,和宽度 一起设置。 如果不设置其中的某个值,也不会出问题,比如 borde...

CSS设置元素字体、降级使用字体、引入外部字体

设置元素字体 通过font-family属性可以设置元素里面的字体样式。 font-family 可以把设置多个字体名称。 降级使用字体 几乎所有浏览器都有支持几种通用字体。比如: monos...

CSS设置元素内边距(padding)、外边距(margin)

设置元素内边距padding 所有的 HTML 元素基本都是以矩形为基础。 每个 HTML 元素周围的矩形空间由三个重要的属性来控制 padding内边距 margin外边距 border边框 pa...

vue3学习笔记之样式穿透(:deep)及CSS 新特性(:soltted、:gloabl、v-bind、mouldCSS)

文章目录1. scoped的原理2. :deep()3. :slotted()4. :global()5. 动态css(v-bind)6. css module1. scoped的原理vue中的&nb...

CSS 布局 - 水平 & 垂直对齐

CSS 布局 - 水平 & 垂直对齐 那么怎样设置居中对齐呢? 我们可以用margin: auto来设置水平居中对其元素。auto可以防止 元素的宽高溢出而且也可以平均分配两边的空白。...

2023年春节祝福第二弹——送你一只守护兔,让它温暖每一个你【html5 css3】画会动的小兔子,炫酷充电,字体特效

2023年春节祝福第二弹 送你一只守护兔让它温暖每一个你 【html5 css3】画一只会动的兔子 目录 一、送你一只守护兔效果图  二、前言 2023年春节祝福第二弹主要用到的特效有...

第五届字节跳动青训营 前端进阶学习笔记(三)CSS基本概念

文章目录 前言CSS是什么1.CSS基本结构2.在面中使用CSS的方式3.CSS是如何工作的 选择器1.通配选择器2.标签选择器3.id选择器4.类选择器5.属性选择器6.伪类选择器...

CSS入门四、浮动

零、文章目录 文章地址 个人博客-CSDN地址:https://blog.csdn.net/liyou123456789个人博客-GiteePages:https://...