2020年6月12日
CSS选择器（3）——动态伪类选择器
摘要： 伪类选择器对于大家来说最熟悉的莫过于link、visited、hover、active，这是平时常用到的伪类选择器。而CSS3的伪类选择器可以分为6种：动态伪类选择器、目标伪类选择器、语言伪类选择器、UI状态伪类选择器、结构伪类选择器和否定伪类选择器。 动态伪类选择器 动态伪类并不存在HTML中，只 阅读全文
posted @ 2020-06-12 09:23 10年码农 阅读(1161) 评论(0) 推荐(0) 编辑
CSS选择器（4）——结构伪类选择器
摘要： 结构伪类选择器可以根据元素在文档中的某些特性定位到它们，也就是说，通过文档树结构的相互关系来匹配特定的元素，从而减少HTML文档对ID或者类名的定义，保持代码干净和整洁。 结构伪类选择器 E:first-child E为父元素的第一个子元素，否者匹配不成功。与nth-child(1)等同。 p:fi 阅读全文
posted @ 2020-06-12 08:41 10年码农 阅读(394) 评论(0) 推荐(0) 编辑
2020年6月11日
CSS选择器（5）——属性选择器
摘要： 在HTML中，通过各种各样的属性可以给元素增加很多附加的信息。例如，通过ID属性可以将不同DIV元素进行区分。CSS2中引入了一些属性选择器，这些选择器可基于元素的属性匹配元素，而CSS3在CSS2的基础上扩展了这些属性选择器，支持基于模式匹配定位元素。 属性选择器 E[attr] 选择匹配具有属性 阅读全文
posted @ 2020-06-11 23:40 10年码农 阅读(317) 评论(0) 推荐(0) 编辑
CSS选择器（6）——伪元素
摘要： 伪元素 :first-letter :first-letter用来选择文本块的第一个字母。常用于给文本添加排版细节，例如首字母下沉。 p:first-letter { color:#ff0000; font-size:xx-large; } :first-line :first-lin用来匹配元素的 阅读全文
posted @ 2020-06-11 22:59 10年码农 阅读(168) 评论(0) 推荐(0) 编辑
为什么是link-visited-hover-active
摘要： 前言 通常我们在设置链接的一些伪类（link，visited，hover，active）样式时，要让不同的状态显示正确的样式，我们需要按一定的顺序设置这些伪类的样式。这里我就按CSS2规范中推荐的顺序进行介绍，即 link-visited-hover-active，可记为 LoVe-HAte 。 要 阅读全文
posted @ 2020-06-11 22:18 10年码农 阅读(165) 评论(0) 推荐(0) 编辑
retina屏中1物理像素border的实现
摘要： 问题的产生 retina屏会以2个（乃至3个）物理像素来显示一个CSS像素（1px），所以在CSS中指定1px的边框实际占据的却是2个以上物理像素，在retina屏用户体验较差。 几种解决方案（考虑1px=2dip） 使用0.5px 问题：只在Firefox and Safari 8+支持，安卓不支 阅读全文
posted @ 2020-06-11 21:46 10年码农 阅读(172) 评论(0) 推荐(0) 编辑
CSS块级元素——水平格式化
摘要： 基本框 CSS假定每个元素都会生成一个或者多个矩形框，这称为元素框。各元素框中心还有一个内容区（content area）。这个内容区周围有可选的内边距、边框和外边距。这些项都是可选的，因为它们的宽度可以设置为0。 包含块 每个元素都相对于其包含快摆放；可以这么说，包含快就是一个元素的"布局上下文" 阅读全文
posted @ 2020-06-11 21:00 10年码农 阅读(246) 评论(0) 推荐(0) 编辑
css揭秘笔记——结构与布局
摘要： 自适应内部元素 我们希望 width 可以像 height 一样， 可以自动适应内容的宽度。假如有如下结构： <p>Lorem ipsum dolor ...</p> <figure> <img src="./image/flower.jpg"> <figcaption>Lorem ipsum do 阅读全文
posted @ 2020-06-11 20:28 10年码农 阅读(169) 评论(0) 推荐(0) 编辑
css系列之position与float
摘要： 基础知识 块级元素与块元素 块级元素 块级元素是那些视觉上会被格式化成块状的元素，通俗一点来说就是那些会换新行的元素。例例如：display属性为block, list-item, table, flex, grid。 块元素 块元素是 display 属性值为 block 的元素，它应该是 块级元 阅读全文
posted @ 2020-06-11 19:52 10年码农 阅读(232) 评论(0) 推荐(0) 编辑
stylelint 搭配 stylelint-order，更随心所欲的编码 CSS
摘要： 原文链接：https://github.com/hangyangws... 为什么需要校验 CSS 规则 对于编程语言进行「语法、书写」校验，能有效「归并」不同开发者的「不同风格」，还能检验出一些语法错误。 比如 eslint 就能校验 JS 代码的「鸡肋糟粕」。 对于 CSS 而言，不能算是严格意 阅读全文
posted @ 2020-06-11 19:04 10年码农 阅读(794) 评论(0) 推荐(0) 编辑
下一页