
css
developer涛涛
前端
展开
-
标准盒子模型和怪异盒子模型(内减模式)(box-sizing)
标准盒子模型和怪异盒子模型(内减模式)(box-sizing)box-sizing 属性用于更改用于计算元素宽度和高度的默认的 CSS 盒子模型。可以使用此属性来模拟不正确支持CSS盒子模型规范的浏览器的行/列为。默认值:content-box 不可继承值content-box默认值,标准盒子模型。 width 与 height 只包括内容的宽和高, 不包括边框(border),内边距...原创 2019-11-20 08:22:30 · 1153 阅读 · 0 评论 -
CSS3之自定义字体
自定义字体@font-face:允许网页开发者为其网页指定在线字体。 通过这种作者自备字体的方式,可以消除对用户电脑字体的依赖font-family所指定的字体名字将会被用于font或font-family属性src字体资源注意:不能在一个 CSS 选择器中定义 @font-face...原创 2019-11-20 08:20:49 · 222 阅读 · 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 · 374 阅读 · 0 评论 -
选择器之伪类与伪元素选择器
选择器之伪类与伪元素选择器一.链接伪类。锚点伪类:提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。提示:在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。提示:伪类名称对大小写不敏感。二.表单相关伪类。表单状态1:表单状态2:===> 获取焦点:===>...原创 2019-11-20 08:18:57 · 519 阅读 · 0 评论 -
选择器之属性选择器
选择器之属性选择器[attr]:该选择器选择包含 attr 属性的所有元素,不论 attr 的值为何。可以拥有多个,例如[atter][atter2]…,元素必须同时拥有所有属性时才能被选择。[attr=“val”]:该选择器仅选择 attr 属性被赋值为 val 的所有元素。[attr=“val”][attr2=“val”]…...原创 2019-11-18 22:28:45 · 213 阅读 · 0 评论 -
选择器之基本选择器及其扩展
选择器之基本选择器及其扩展1.基本选择器2.子元素选择器(直接后代选择器): 只要是父元素的直接后代就能被选中3.相邻兄弟选择器:匹配+前紧跟着的兄弟元素。4.通用兄弟选择器:在使用 ~ 连接两个元素时,它会匹配第二个元素,条件是它必须跟(不一定是紧跟)在第一个元素之后,且他们都有一个共同的父元素5.分组选择(选择器分组):...原创 2019-11-18 22:25:29 · 363 阅读 · 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 · 151 阅读 · 0 评论 -
编写CSS选择器时常见错误总结
实例主体结构如下,调试环境为Chrome:错误一:选择器填写错误例如:选择器填写不完整,此处少了一个“1”。现象:浏览器不能正确检测到该选择器。错误二:属性名或属性值填写错误例如:现象:浏览器直接报错,提示该条属性声明无效。错误三:选择器填写时丢掉大括号例如:现象:浏览器不能正确检测到该选择器。错误四:选择器中出现多个属性时,属性与属性之间未用分号隔开例如:现...原创 2019-10-25 19:16:57 · 2372 阅读 · 0 评论