web开发技术培训学校，CSS标准文档流与脱离文档流

字体样式

font-weight: 文字粗细

normal: 默认值，标准粗细
bold：粗体
bolder：更粗
lighter：更细
100~900：设置具体粗细，400等同于normal，而700等同于bold
inherit：继承父元素字体的粗细值

<style>.c1 {font-weight: bold;}#p2 {font-weight: bolder;}#p3 {font-weight: lighter;}#p4 {font-weight: 500;}#p5 {font-weight: inherit;}
</style><p>石灰吟</p>
<hr>
<p id="p1" class="c1">千锤万凿出深山</p>
<hr>
<p id="p2">，烈火焚烧若等闲</p>
<hr>
<p id="p3">。粉身碎骨全不怕</p>
<hr>
<p id="p4">要留清白在人间</p>
<hr>
<ul class="c1"><li><p id="p5">于谦 [明代]</p></li>
</ul>

文字风格

font-style: – 文字风格

normal; – 正常，默认就是正常的
italic; – 倾斜

<style>#p1 {font-style: italic;}#p2 {font-style: normal;}
</style><p id="p1">死去元知万事空，但悲不见九州同</p>
<hr>
<p id="p2">王师北定中原日，家祭无忘告乃翁</p>

文字字体

font-family: – 字体风格

常见字体：

serif 衬线字体
sans-serif 非衬线字体
中文：宋体，微软雅黑，黑体

注意：
设置的字体必须是用户电脑里已经安装的字体，浏览器会使用它可识别的第一个值。
如果取值为中文，需要用单或双引号扩起来

  <style>#p1 {font-family: "微软雅黑"}#p2 {font-family: "宋体"}#p3 {font-family: "华文行楷"}#p4 {font-family: "华文隶书"}#p5 {font-family: "华文细黑"}#p6 {font-family: "华文楷体"}</style><p id="p1">采桑子.重阳</p>
<p id="p2">人生易老天难老，岁岁重阳。</p>
<p id="p3">今又重阳，战地黄花分外香。</p>
<p id="p4">一年一度秋风劲，</p>
<p id="p5">不似春光。</p>
<p id="p6">胜似春光，廖廓江天万里霜。</p>

字体颜色

color：rgb(123,123,123); – 字体三原色拼凑字体颜色
color：red; – 预设颜色

<style>#p1 {color: red}#p2 {color: blueviolet}#p3 {color: blue}#p4 {color: #00ff88}#p5 {color: rgb(123, 123, 123)}</style><p id="p1">人生易老天难老，岁岁重阳。</p>
<p id="p2">今又重阳，战地黄花分外香。</p>
<p id="p3">一年一度秋风劲，</p>
<p id="p4">不似春光。</p>
<p id="p5">胜似春光，廖廓江天万里霜。</p>

4. 感悟

最近的面试，有以下几点感悟：

电话面试比视频面试靠谱

视频面试有点尬的感觉，而且有时会卡顿，相比之下电话面试就不会存在这些问题

个人更喜欢电话面试的形式
面试前多一些准备

复工后的第2天，面了第一家公司，完全没状态，答的一塌糊涂

建议面试前一定要调整好状态，特别是这次春节在家宅的时间有点长，更要调整
一定要有的放矢

一定要对你所投递岗位的公司有一定了解，避免面试通过了你又不想去，浪费双方时间

建议对自己投递的岗位和公司多花点时间去仔细了解下

web开发技术培训学校，CSS标准文档流与脱离文档流相关推荐

web开发课程，CSS标准文档流与脱离文档流，已整理成文档
前言年前准备换工作,总结了一波面试最频繁的面试问题跟大家交流.此文章是关于浏览器的常见问题,大概面试10家遇到6家提问类似问题(主要是大厂和中厂).目前入职滴滴出行成都团队. 前端核心 1.JSON ...
web开发基础(html+CSS)
web开发基础 html+CSS 概念万维网概念 Web浏览器 Web服务器 URL web应用领域 B/S架构(Browser/Server) C/S架构(Client/Server) web系统 ...
css 所有字体大小,前端Web开发人员的CSS相对字体大小
在本文中,我们将看几种不同的方式,前端Web开发人员可以使用CSS操作其网页的字体. 网页设计中最大的混乱之一是由font-size属性造成的. 在CSS中,可以使用多个单元,这只会导致设计人员额外头 ...
BFC、文档流、脱离文档流
BFC BFC(Block Formatting Context),中文为块级格式化上下文.它为元素提供一个独立的容器,在该容器中按照一定规则进行布局排列,容器内元素不会影响外部元素,外部元素不会影 ...
文档流，脱离文档流的方式
文档流:内联元素默认从左到右流,遇到阻碍或者宽度不够自动换行,继续按照从左到右的方式布局.块级元素单独占据一行,并按照从上到下的方式布局. 脱离文档流: 脱离文档流,即将元素从普通的布局排版(普通文档 ...
html 浮动脱离文档流,CSS标准文档流与脱离文档流
标准文档流文档流:指的是元素排版布局过程中,元素会默认自动从左往右,从上往下的流式排列方式.并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素. 标准流的微观现象: 空白折叠现象: 在 ...
单页web开发，学习CSS行内样式
面试知识点主要内容包括html,css,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,设计模式,项目等等. html 1.浏览器页面有哪三层构成,分别是什么,作用是什么? 2 ...
9个适合web开发人员的CSS工具
不管你是一个多么有经验的开发人员,你都想让你的生活尽可能的简单.正确的工具可以帮助您完成此任务.你的能力取决于你使用的工具,所以花点时间挑选适合你需要的工具是明智的. 在本文中,我将讨论每个web开发 ...
web前端开源框架_9个用于前端Web开发的开源CSS框架
web前端开源框架当大多数人想到Web开发时,通常会想到HTML或JavaScript. 他们通常会忘记对访问网站的能力有更大影响的技术: 级联样式表(CSS) . 根据Wikipedia的说法,C ...

web开发技术培训学校，CSS标准文档流与脱离文档流

字体样式

文字风格

字体大小

文字字体

字体颜色

4. 感悟

web开发技术培训学校，CSS标准文档流与脱离文档流相关推荐

最新文章

热门文章