自学css - 文章分类 - 我是小弟弟

css盒子模型

摘要：CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图阅读全文

posted @ 2022-05-10 08:52 我是小弟弟阅读(56) 评论(0) 推荐(0)

css伪元素选择器

摘要：伪元素选择器：就是有连续两个冒号的选择器，css伪元素选择器主要有以下几个： ::first-letter //第一个 ::first-line //第一行只能用于块级元素 ::selection //选中 ::before //在开始位置 ::after //在结束位置 ::after 在每个阅读全文

posted @ 2022-05-10 07:54 我是小弟弟阅读(147) 评论(0) 推荐(0)

CSS伪类选择器的使⽤案例

摘要：伪类选择器伪类是 W3C 制定的一套选择器的特殊状态，通过伪类您可以设置元素的动态状态，例如悬停（hover）、点击（active）以及文档中不能通过其它选择器选择的元素（这些元素没有 ID 或 class 属性），例如第一个子元素（first-child）或者最后一个子元素（last-child 阅读全文

posted @ 2022-05-10 07:49 我是小弟弟阅读(64) 评论(0) 推荐(0)

CSS核⼼之常⻅的选择器及使⽤场景

摘要：选择器由 HTML 元素的 id、class 属性或元素名本身以及一些特殊符号构成，用来指定要为哪个 HTML 元素定义样式。选择器是 CSS 样式规则中重要的组成部分，我们可以将选择器看作是 CSS 样式与 HTML 元素之间的匹配模式，与选择器关联的样式规则会应用于选择器所指定的 HTML 元素阅读全文

posted @ 2022-05-10 07:24 我是小弟弟阅读(58) 评论(0) 推荐(0)

CSS的⼏种写法及推荐写法

摘要：内部样式表写在元素的style标签⾥⾯的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name= 阅读全文

posted @ 2022-05-10 07:19 我是小弟弟阅读(40) 评论(0) 推荐(0)

我是小弟弟

文章分类 - 自学css