【Web前端学习笔记】第二章 CSS常见使用方法
Web前端学习笔记 第二章 CSS 文章目录 Web前端学习笔记前言一、在html页面中添加CSS样式代码二、选择器1.标签名选择器2.id选择器3.类选择器4.分组选择器5.属性选择...
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.伪类选择器...