一、伪元素和伪类是非常相像的两个东西。在实际上 css3 为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。 但因为兼容性的问题,所以现在大部分还是统一的单冒号,但是抛开兼容性的问题,我们在书写时应该尽可能养成好习惯,区分两者。 二、基本用法: 这两个伪类下特有的属性 c ...
分类:
其他好文 时间:
2019-08-30 15:56:08
阅读次数:
91
div::before ,在 div 内容的前面加一个伪元素 常用于处理 相邻父子元素外边距重叠问题 div::after,在div内容的后面添加一个伪元素 常用于处理 标签浮动,高度塌陷问题 :before的兼容性要比::before好 ,不过在H5开发中建议使用::before比较好 :befo ...
分类:
其他好文 时间:
2019-08-30 13:17:09
阅读次数:
61
需求:一块宽高固定的区域,采用九宫格展示信息,要求有边框1px的细边框 方法一、采用margin-left:-1px;和margin-top:-1px; - 用一个边框覆盖另一个边框,形成1px的边框 方法二、采用伪元素+定位,不占位 如果有更好的办法,欢迎留言 ...
分类:
其他好文 时间:
2019-08-29 00:04:43
阅读次数:
94
" 目录 一、介绍 二、语法 三、引入方式 1. 行内样式 2. 嵌入式 3. 外部样式 四、选择器 1. 基本选择器 2. 组合选择器 3. 属性选择器 4. 不常用选择器 5. 分组和嵌套 6. 伪类选择器 7. 伪元素选择器 8. 选择器优先级 一、介绍 CSS( ...
分类:
Web程序 时间:
2019-08-19 11:23:03
阅读次数:
118
1.圆角的使用 2.安卓机器人小案例:结合伪元素实现 效果图: ...
分类:
移动开发 时间:
2019-08-18 19:20:19
阅读次数:
82
上节课知识的复习 插入图片,页面中能够插入的图片类型:jpg、jpeg、bmp、png、gif;不能的psd、fw。 语法: 相对路径、绝对路径: 相对路径就是从html页面出发,找到图片: 等价于 图片位于html文件较浅的文件夹中: 绝对路径:直接的门牌号。以http://开头,或者以/开头的都 ...
分类:
Web程序 时间:
2019-08-17 18:08:26
阅读次数:
102
flex布局极大程度上方便了页面的构建,如下的几种布局当中,为了不增加额外的标签来嵌套,单独使用flex布局的话,还需要其他一些设置来处理,比如与伪元素的配合使用,这个下次再进行描述,这里flex与margin的使用配合,个人认为是目前自己用过最方便的一种方法。 参考链接: 你未必知道的49个CSS ...
分类:
其他好文 时间:
2019-08-16 15:48:59
阅读次数:
67
一、定义 伪类一般反映无法在CSS中轻松或者可靠检测到的某个元素的状态或者属性; 伪元素表示DOM外部的某种文档结构。 伪类一般反映无法在CSS中轻松或者可靠检测到的某个元素的状态或者属性; 伪元素表示DOM外部的某种文档结构。 目前所有伪元素有(加粗的是CSS3之后出现): ::after ::b ...
分类:
其他好文 时间:
2019-08-14 17:14:53
阅读次数:
70