随笔分类 -  css

摘要:盒子模型概述 1、概念 浏览器会根据 CSS 基础框盒模型(CSS basic box model),将元素表示成矩形的盒子,CSS 决定这些盒子的大小、位置以及属性 2、盒子组成 每个盒子由 四 个区域组成 1、内容区域 content area 2、内边距区域 padding area 3、边框 阅读全文
posted @ 2023-03-28 14:56 caix-1987 阅读(177) 评论(0) 推荐(0) 编辑
摘要:选择器 属性选择器 1、[attr]:选择包含 attr 属性的标签 2、[attr=value]:选择 attr 属性值为 value 的标签 3、[attr^=value]:选择 attr 属性值以 value 开头的标签 4、[attr*=value]:选择 attr 属性值包含 value 阅读全文
posted @ 2023-03-28 14:55 caix-1987 阅读(57) 评论(0) 推荐(0) 编辑
摘要:普通流 文档流 流式布局 分为 1、普通流 2、定位流 3、浮动流 不同流内的 块级元素 和 行内元素 的 布局方式 不同 布局方式用 FC 格式化上下文 来命名 1、块级格式化上下文 【 BFC 】 2、内联格式化上下文 3、层叠格式化上下文 4、灵活格式化上下文 块级格式化上下文 BFC 什么是 阅读全文
posted @ 2023-03-28 14:53 caix-1987 阅读(80) 评论(0) 推荐(0) 编辑
摘要:列表样式 1、list-style-type 2、list-style-position 3、list-style-image 列表样式解析 1、html 有三种类型的列表 1、无序列表 2、有序列表 3、自定义列表 2、设置列表标记有 序号 圆点 圆圈 图片 ... 3、list-style 简写 阅读全文
posted @ 2023-03-28 14:50 caix-1987 阅读(239) 评论(0) 推荐(0) 编辑
摘要:字体样式 1、color 2、font-size 3、font-family 4、font-style 5、font-weight 字体样式解析 1、font-family 该属性用于设置字体 1、网页中常用的字体有宋体、微软雅黑、黑体等 如果字体名中包含 空格、#、$ 等符号,则该字体必须加英文状 阅读全文
posted @ 2023-03-28 14:45 caix-1987 阅读(126) 评论(0) 推荐(0) 编辑
摘要:css 单位 css 单位主要分为 1、相对单位 2、绝对单位 相对单位 相对单位,是相对于当前元素的字号 font-size 或者视口 viewport 尺寸。 1、em: 1em 与当前元素的字体大小相同(更具体地说,一个大写字母 M 的宽度) CSS 样式被应用之前,浏览器给网页设置的 默认基 阅读全文
posted @ 2023-03-28 14:44 caix-1987 阅读(74) 评论(0) 推荐(0) 编辑
摘要:颜色基本概述 1、颜色 颜色是指不能透过其他颜色的混合调配而得出的“基本色”,以不同比例将原色混合可以产生出其它的新颜色。 由于人类肉眼有 三种 不同颜色的感光体,因此所见的色彩空间通常可以由 三种 基本色所表达,这三种颜色被称为“三原色” 一般来说叠加型的三原色是 红色、绿色、蓝色 又称三基色,用 阅读全文
posted @ 2023-03-28 14:43 caix-1987 阅读(115) 评论(0) 推荐(0) 编辑
摘要:概述 CSS样式优先级分为 两 大类 1、级联 2、继承 级联 CSS 级联 规则决定了 样式冲突 时 胜出 的样式,这 三条 规则按照优先级 从高到低 分别为 1、样式表来源 2、选择器优先级 3、代码顺序 样式表来源 优先级最高 如果来源一致,那么取决于 选择器 优先级(行内样式归纳到选择器这一 阅读全文
posted @ 2023-03-28 14:42 caix-1987 阅读(168) 评论(0) 推荐(0) 编辑
摘要:css 选择器分类 一、基础选择器 1、ID 选择器 2、类选择器 3、通配符选择器 4、标签选择器 5、属性选择器 二、组合选择器 1、后代选择器 2、元素选择器 3、相邻兄弟选择器 4、通用兄弟选择器 5、交集选择器 6、并集选择器 三、伪类选择器 1、标记状态的伪类 2、筛选功能的伪类 四、伪 阅读全文
posted @ 2023-03-28 14:42 caix-1987 阅读(94) 评论(0) 推荐(0) 编辑
摘要:css 概述 1、什么是 css css 即 层叠样式表 【 英文全称:Cascading Style Sheets 】 css 是一种用来表现 HTML 或 XML 等文件样式的计算机语言 CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化 2、网页组成 CSS 是 阅读全文
posted @ 2023-03-28 14:41 caix-1987 阅读(21) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示