box-sizing: content-box;
height: 0;
}
mark {
/* 解决样式未定义的问题 */
background: #ff0;
color: #000;
}
code, kbd, pre, samp {
/* 更正关联字体的老式设置 */
font-family: monospace, serif;
font-size: 1em;
}
pre {
/* 提高pre标签格式化文本的可读性 */
white-space: pre-wrap;
}
q {
/* 设置相一致的引号类型 */
quotes: “\201C” “\201D” “\2018” “\2019”;
}
small {
/* 统一所有字体大小 */
font-size: 80%;
}
sub, sup {
/* 防止“sub”和“sup”标签影响“line-height”属性 */
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
- 内嵌文本相关样式
img {
border: 0; /*当img标签中包含a标签时,去除img边框属性。 */
}
svg:not(:root) {
overflow: hidden;
}
- 表单文本相关样式
fieldset {
/* 定义一致的边框、内边距和外边距 */
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0; /* 去除外边距*/
}
button, input, select, textarea {
font-family: inherit; /* 更改关联字体属性 /
font-size: 100%; / 更改字体大小属性 /
margin: 0; / 调整边距设置 */
}
button, input {
line-height: normal;
}
button, select {
text-transform: none;
/**
- 调整“button”和“select”的“text-transform”继承不一致性的问题
*其他表单控件元素不继承“text-transform”属性
*/
}
结尾给大家分享一些CSS相关面试题
- 页面渲染时,dom 元素所采用的 布局模型,可通过box-sizing进行设置。根据计算宽高的区域可分为:
- ie盒模型算上border、padding及自身(不算margin),标准的只算上自身窗体的大小 css设置方法:
- 几种获得宽高的方式:
- css reset和normalize.css有什么区别?
- css优先确定级:
- 如何清除浮动:
- 自适应布局:
- CSS优化:
- CSS选择器列表优先级及权重:
- CSS中配置的常用属性有哪些:
还有更多关于前端面试题整理,html、CSS、JavaScript、Vue、ES6等,需要可戳我,免费分享。
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
学习资料的朋友可以戳我获取!!**](https://bbs.csdn.net/topics/618191877)
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!