css
晓明的日常操作
这个作者很懒,什么都没留下…
展开
-
内容生成的妙用(解决子元素的margin-top/bottom越界问题)(所有的子元素浮动对父元素(父元素塌陷现象))
1.什么是内容生成? 内容生成: 通过css向已有的元素中添加文本内容(图片内容) 1. :before 向匹配的元素之前增加生成内容,定位到元素的起始位置 2. :after 。。。。。 之后增加 定位到 结束位置 属性:content div:before{ content:“生成的内容” 、 url(图片路径) 、计数器 } <!DOCTYPE html> <html> <head> <title> new原创 2020-10-11 14:22:32 · 233 阅读 · 0 评论 -
伪元素选择器
伪元素选择器-:first-letter 伪元素选择器 特点:获取指定元素中某一部分文本而用的。 1、:first-letter 用于选取指定选择器(元素)的首字母 2、:first-line 用于选取指定选择器(元素)的首行文本 3、::selection 匹配被用户选取的部分 <!DOCTYPE htm...原创 2020-10-11 13:55:35 · 1225 阅读 · 0 评论 -
结构伪类选择器&否定伪类选择器
1.结构伪类选择器&否定伪类选择器 :first-child 匹配作为第一个子元素存在的指定元素 :only-child 匹配作为唯一子元素存在的指定元素(独生子) :empty 匹配内容为空的指定元素 :not(selector) input:not([type=text]) 选中所有input的type属性值不为text的input元素 new document this is first h1原创 2020-10-11 13:47:52 · 215 阅读 · 0 评论 -
目标伪类选择器&元素状态伪类
目标伪类选择器: 举例说明一下他的用途,比如点击一个文字或是图标实现跳到顶部,这时候可以用的这个目标伪类选择器 用于匹配当前激活的【锚点元素】 语法: 目标选择器 :target{} new document //点击跳转到我在东北玩泥巴! 跳转至东北 //点击跳转到黏住过客的思念 跳转至江南 //点击跳转到雨到.这里缠成线,点击这个跳转的明显 跳转至上海 我在东北玩泥巴! 黏住过客的思原创 2020-10-11 13:31:35 · 703 阅读 · 0 评论