CSS
文章平均质量分 58
搬金砖的小白
热爱生活,热爱技术
展开
-
【CSS】Position定位
1 Position的值值说明absolute位置相对于最近的已定位父元素fixed位置相对于浏览器窗口relative位置相对其正常位置static(默认)遵循正常文档流,不受 top、right、bottom、left 影响sticky滚动阈值内为 relative ,滚动阈值外为 fixed2 示例代码<!DOCTYPE html><html lang="en"><head> <met原创 2021-04-05 11:57:23 · 98 阅读 · 0 评论 -
【CSS】Flex布局
整理自:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html文章目录1 指定Flex布局2 容器的属性2.1 flex-direction2.2 flex-wrap2.3 flex-flow2.4 justify-content2.5 align-items2.6 align-content3 项目的属性3.1 order3.2 flex-grow3.3 flex-shrink3.4 flex-basis3.5 flex3.6 align-sel原创 2021-03-29 18:06:44 · 104 阅读 · 0 评论 -
CSS属性选择器
原文链接:https://www.w3school.com.cn/css/css_attribute_selectors.asp选择器例子例子描述[attribute][target]选择带有 target 属性的所有元素[attribute=value][target=_blank]选择带有 target="_blank" 属性的所有元素[attribute~=value][title~=flower]选择带有包含 “flower” 一词的 title 属性转载 2021-03-19 13:21:25 · 94 阅读 · 0 评论 -
CSS伪元素
原文链接:https://www.w3school.com.cn/css/css_pseudo_classes.asp选择器例子例子描述::afterp::after在每个 p 元素之后插入内容::beforep::before在每个 p 元素之前插入内容::first-letterp::first-letter选择每个 p 元素的首字母::first-linep::first-line选择每个 p 元素的首行::selectionp::se转载 2021-03-19 13:09:44 · 66 阅读 · 0 评论 -
CSS伪类
原文链接:https://www.w3school.com.cn/css/css_pseudo_classes.asp选择器例子例子描述:activea:active选择活动的链接:checkedinput:checked选择每个被选中的 input 元素:disabledinput:disabled选择每个被禁用的 input 元素:emptyp:empty选择没有子元素的每个 p 元素:enabledinput:enabled选择每个已转载 2021-03-19 13:06:58 · 311 阅读 · 0 评论