自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

挺挺人生的博客

追求效果执着性能。

  • 博客(9)
  • 收藏
  • 关注

原创 学习CSS布局前,你需要先理解什么是元素“显示模式”

前言:很多同学对于块元素、行内元素(内联元素)和行内块元素的概念很模糊,通过从各个元素在浏览器中的显示模式,来探究各个元素的分类是一个不错的理解思路。下面就是分别从这三种不同显示模式出发,对各个元素进行分类并解释各类元素的特点:块级显示模式指元素在浏览器中占用位置为横向一块一块的。设置宽高起作用,自己单独占一行,在不设置宽高的情况下,自身宽度和父元素宽度相同。拥有块级显示模式的元素(块元素...

2019-10-25 20:02:40 128

原创 编写CSS选择器时常见错误总结

实例主体结构如下,调试环境为Chrome:错误一:选择器填写错误例如:选择器填写不完整,此处少了一个“1”。现象:浏览器不能正确检测到该选择器。错误二:属性名或属性值填写错误例如:现象:浏览器直接报错,提示该条属性声明无效。错误三:选择器填写时丢掉大括号例如:现象:浏览器不能正确检测到该选择器。错误四:选择器中出现多个属性时,属性与属性之间未用分号隔开例如:现...

2019-10-25 19:16:57 2188

原创 标准盒子模型和怪异盒子模型(内减模式)(box-sizing)

标准盒子模型和怪异盒子模型(内减模式)(box-sizing)box-sizing 属性用于更改用于计算元素宽度和高度的默认的 CSS 盒子模型。可以使用此属性来模拟不正确支持CSS盒子模型规范的浏览器的行/列为。默认值:content-box 不可继承值content-box默认值,标准盒子模型。 width 与 height 只包括内容的宽和高, 不包括边框(border),内边距...

2019-11-20 08:22:30 1066

原创 CSS3之自定义字体

自定义字体@font-face:允许网页开发者为其网页指定在线字体。 通过这种作者自备字体的方式,可以消除对用户电脑字体的依赖font-family所指定的字体名字将会被用于font或font-family属性src字体资源注意:不能在一个 CSS 选择器中定义 @font-face...

2019-11-20 08:20:49 173

原创 选择器的特殊性

选择器的特殊性选择器的特殊性由选择器本身的组件确定,特殊性值表述为4个部分,如 0,0,0,0一个选择器的具体特殊性如下确定:1.对于选择器中给定的ID属性值,加 0,1,0,02.对于选择器中给定的各个类属性,属性选择,或伪类,加 0,0,1,03.对于选择器中的给定的各个元素和伪元素,加0,0,0,14.通配符选择器的特殊性为0,0,0,05.结合符对选择器特殊性没有一点贡...

2019-11-20 08:19:45 320

原创 选择器之伪类与伪元素选择器

选择器之伪类与伪元素选择器一.链接伪类。锚点伪类:提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。提示:在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。提示:伪类名称对大小写不敏感。二.表单相关伪类。表单状态1:表单状态2:===> 获取焦点:===>...

2019-11-20 08:18:57 452

原创 选择器之属性选择器

选择器之属性选择器[attr]:该选择器选择包含 attr 属性的所有元素,不论 attr 的值为何。可以拥有多个,例如[atter][atter2]…,元素必须同时拥有所有属性时才能被选择。[attr=“val”]:该选择器仅选择 attr 属性被赋值为 val 的所有元素。[attr=“val”][attr2=“val”]…...

2019-11-18 22:28:45 165

原创 选择器之基本选择器及其扩展

选择器之基本选择器及其扩展1.基本选择器2.子元素选择器(直接后代选择器): 只要是父元素的直接后代就能被选中3.相邻兄弟选择器:匹配+前紧跟着的兄弟元素。4.通用兄弟选择器:在使用 ~ 连接两个元素时,它会匹配第二个元素,条件是它必须跟(不一定是紧跟)在第一个元素之后,且他们都有一个共同的父元素5.分组选择(选择器分组):...

2019-11-18 22:25:29 328

原创 CSS样式

1.css(Cascading Style Sheets)层叠样式表2.选择器渲染是从右往左渲染的3.样式表的组成:内部 外部 内联 内联 外链 内嵌4.css声明的优先级:选择器的特殊性选择器的特殊性由选择器本身的组件确定,特殊性值表述为4个部分,如 0,0,0,0一个选择器的具体特殊性如下确定:1.对于选择器中给定的ID属性值,加 0,1,0,02.对于选择器...

2019-11-18 22:22:26 102

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除