随笔分类 -  css

摘要:1,::first-line 对块元素的第一行文本进行格式化 2 ::first-letter 文本的首字母设置特殊样式 (只能是块级元素) 3,::before 在元素的前面插入新内容,配合content使用 注意:1,第一个子元素 2,是行内元素 3,支持CSS样式 4, ::after在元素的 阅读全文
posted @ 2018-12-20 16:03 走在程序的路上 阅读(1240) 评论(0) 推荐(0)
摘要:1, :nth-of-type(n) 匹配属于父元素的特定类型的第N个子元素 匹配结果: 2, :nth-last-of-type(n),匹配其父元素下的第N个特定类型的子元素,从后往前 满足条件:1,必须是特定类型 2,从后往前的第N个 3,:first-of-type 4, :last-of-t 阅读全文
posted @ 2018-12-20 12:37 走在程序的路上 阅读(726) 评论(0) 推荐(0)
摘要:1 element:first-child 选择属于其父元素的首个子元素的element元素 注意:div:first-child 必须是其父元素下面的第一个子元素且必须是div元素才能匹配的到 匹配结果: 2 同理:element:last-child 指定其父元素的最后一个子元素的element 阅读全文
posted @ 2018-12-20 11:58 走在程序的路上 阅读(1406) 评论(0) 推荐(0)
摘要:在表单元素中,单选框和复选框都有选中和未选中状态,css3中可以通过状态伪类选择器:checked去修改按钮的默认样式 html代码 css代码 最终效果: 阅读全文
posted @ 2018-12-20 10:59 走在程序的路上 阅读(2293) 评论(0) 推荐(1)
摘要:文档流:文档中可显示的元素在排列时候的开始位置以及他们所占的区域 原因:页面元素不同,按照各自的特点去显示,在页面中所占的区域是不一样的 顺序:从上到下,从左到右 css浮动float 概念:使元素脱离文档流,按照指定的方向发生移动,遇到父级元素或者相邻的元素就会停下来 特征:1)块元素可以在一行显 阅读全文
posted @ 2018-11-16 09:57 走在程序的路上 阅读(652) 评论(0) 推荐(0)
摘要:1:css盒模型分类 标准盒模型,IE盒模型 2:标准盒模型与IE盒模型的区别 元素框的总宽度=width+(padding-left+padding-right)+(border-left+border-right)+(margin-left+margin-right) width+padding 阅读全文
posted @ 2018-11-15 17:18 走在程序的路上 阅读(176) 评论(0) 推荐(0)