![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
developer涛涛
前端
展开
-
标准盒子模型和怪异盒子模型(内减模式)(box-sizing)
标准盒子模型和怪异盒子模型(内减模式)(box-sizing)box-sizing 属性用于更改用于计算元素宽度和高度的默认的 CSS 盒子模型。可以使用此属性来模拟不正确支持CSS盒子模型规范的浏览器的行/列为。默认值:content-box 不可继承值content-box默认值,标准盒子模型。 width 与 height 只包括内容的宽和高, 不包括边框(border),内边距...原创 2019-11-20 08:22:30 · 1072 阅读 · 0 评论 -
CSS3之自定义字体
自定义字体@font-face:允许网页开发者为其网页指定在线字体。 通过这种作者自备字体的方式,可以消除对用户电脑字体的依赖font-family所指定的字体名字将会被用于font或font-family属性src字体资源注意:不能在一个 CSS 选择器中定义 @font-face...原创 2019-11-20 08:20:49 · 176 阅读 · 0 评论 -
选择器的特殊性
选择器的特殊性选择器的特殊性由选择器本身的组件确定,特殊性值表述为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 · 323 阅读 · 0 评论 -
选择器之伪类与伪元素选择器
选择器之伪类与伪元素选择器一.链接伪类。锚点伪类:提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。提示:在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。提示:伪类名称对大小写不敏感。二.表单相关伪类。表单状态1:表单状态2:===> 获取焦点:===>...原创 2019-11-20 08:18:57 · 456 阅读 · 0 评论 -
选择器之属性选择器
选择器之属性选择器[attr]:该选择器选择包含 attr 属性的所有元素,不论 attr 的值为何。可以拥有多个,例如[atter][atter2]…,元素必须同时拥有所有属性时才能被选择。[attr=“val”]:该选择器仅选择 attr 属性被赋值为 val 的所有元素。[attr=“val”][attr2=“val”]…...原创 2019-11-18 22:28:45 · 169 阅读 · 0 评论 -
选择器之基本选择器及其扩展
选择器之基本选择器及其扩展1.基本选择器2.子元素选择器(直接后代选择器): 只要是父元素的直接后代就能被选中3.相邻兄弟选择器:匹配+前紧跟着的兄弟元素。4.通用兄弟选择器:在使用 ~ 连接两个元素时,它会匹配第二个元素,条件是它必须跟(不一定是紧跟)在第一个元素之后,且他们都有一个共同的父元素5.分组选择(选择器分组):...原创 2019-11-18 22:25:29 · 330 阅读 · 0 评论 -
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 · 105 阅读 · 0 评论 -
学习CSS布局前,你需要先理解什么是元素“显示模式”
前言:很多同学对于块元素、行内元素(内联元素)和行内块元素的概念很模糊,通过从各个元素在浏览器中的显示模式,来探究各个元素的分类是一个不错的理解思路。下面就是分别从这三种不同显示模式出发,对各个元素进行分类并解释各类元素的特点:块级显示模式指元素在浏览器中占用位置为横向一块一块的。设置宽高起作用,自己单独占一行,在不设置宽高的情况下,自身宽度和父元素宽度相同。拥有块级显示模式的元素(块元素...原创 2019-10-25 20:02:40 · 129 阅读 · 0 评论 -
编写CSS选择器时常见错误总结
实例主体结构如下,调试环境为Chrome:错误一:选择器填写错误例如:选择器填写不完整,此处少了一个“1”。现象:浏览器不能正确检测到该选择器。错误二:属性名或属性值填写错误例如:现象:浏览器直接报错,提示该条属性声明无效。错误三:选择器填写时丢掉大括号例如:现象:浏览器不能正确检测到该选择器。错误四:选择器中出现多个属性时,属性与属性之间未用分号隔开例如:现...原创 2019-10-25 19:16:57 · 2201 阅读 · 0 评论