百度前端学院-基础学院-第三课

DobbyKim 发布于2019-04-23 14:38 / 535人阅读

摘要：第三天让简历有点色彩这一节课是来初步了解什么是，掌握基本的概念，语法，学习如何设置一些简单的样式。设置文字阴影。取值较多，具体参考文本布局控制在盒子中的位置。设置字母与字母直接的间距，或者字与字直接的间距。第二步，浏览器显示内容。

第三天：让简历有点色彩

这一节课是来初步了解什么是CSS，掌握基本的CSS概念，语法，学习如何设置一些简单的样式。

好记性不如烂笔头，开始：

字体：

font-style：设置字体倾斜。

font-weight：设置文字的粗体大小。

text-transform :设置要转换的字体。可以转换成大小写，首字母大写。

text-decoration: 设置下划线，上划线，穿越文本的线。

text-shadow:设置文字阴影。取值较多，具体参考：https://developer.mozilla.org/zh-CN/docs/Web/CSS/text-shadow

文本布局：

text-align：控制在盒子中的位置。

line-height：控制行高。

letter-spacing/ word-spacing: 设置字母与字母直接的间距，或者字与字直接的间距。

text-overflow: 控制如何显示溢出文字。

direciton: 控制文字方向，语法：

overflow-wrap：是用来说明当一个不能被分开的字符串太长而不能填充其包裹盒时，为防止其溢出，浏览器是否允许这样的单词中断换行。

CSS实际上是如何工作的？

浏览器讲HTML和css转化为DOMtree，讲文档内容和样式结合在一起。第二步，浏览器显示DOM内容。

CSS选择器：

非常简单的选择器有：元素选择器（类型选择器），类选择器，ID选择器，通用选择器（*）

属性选择器有：用[]组成，详细请参考：https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Introduction_to_CSS/Attribute_selectors

组合器：

私有云云服务器前端学院阿里学院学院技术学院

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/2322.html

百度前端学院-基础学院-第四课

摘要：今天是第四天，进度可以，表扬一下自己。今天的课程目标是掌握稍微复杂的一些选择器，还有背景，边框等一些样式属性。设置边框宽度。今天是第四天，进度可以，表扬一下自己。今天的课程目标是：掌握 CSS 稍微复杂的一些选择器，还有背景，边框等一些 CSS 样式属性。 CSS背景：背景色：background-color:gray; 背景图：background-image:url(www........

wean 2019-04-23 14:38 评论0 收藏0
百度前端学院-基础学院-第七天到第八天

摘要：第五天到第六天的内容没有记笔记，不好不好。第七天到第八天的学习目标是学习布局的各种方式。主要包含相关和相关。定位的元素应该在文档流中的间隙不再存在绝对定位的元素不再存在于正常文档布局流程中。内容较多，请参考学习了容器项第五天到第六天的内容没有记笔记，不好不好。第七天到第八天的学习目标是：学习布局的各种方式。主要包含position相关和Flexbox相关。知识点： 1、默认情况下，块级元...

zombieda 2019-04-23 13:46 评论0 收藏0
百度前端学院-基础学院-第七天到第八天之BFC

摘要：简介全称中文为块级格式化上下文。特征总之记住一句话元素特征表现原则就是内部元素无论怎么翻江倒海，都不会影响外部元素。如何触发，常见如下的值不为的值为，或。的值不为和需掌握自适应模块布局内容很多，具体参考1、BFC简介 BFC全称block formatting context,中文为块级格式化上下文。特征总之记住一句话： BFC元素特征表现原则就是：内部元素无论怎么翻江倒海，都不会影响外部元...

junfeng777 2019-04-23 13:46 评论0 收藏0
百度前端学院-基础学院-第吴课/第六课

摘要：边界也会忽略百分比宽度设置。背景裁剪，值有改变盒子计算值只是不包含和只包含内容高度今天是一个跨天的任务，学习目标是：掌握CSS盒模型及Float；盒模型要点：如果盒子的高度被设置为百分比长度，那么盒子高度不会遵循这个设置了的百分比长度，而是总会采用盒子内容的高度，除非给它设置了一个绝对高度（例如，像素或者 em）。这比把页面上每个盒子的高度默认设置为视口高度的 100% 更方便。边界...

dunizb 2019-04-23 13:35 评论0 收藏0
百度前端学院小斌学院任务四

摘要：任务目的学习与实践的基本语法语言特性初步了解的事件是什么初步了解中的是什么任务描述如图，模拟一个队列，队列的每个元素是一个数字，初始队列为空有一个输入框，以及个操作按钮点击左侧入，将中输入的数字从左侧插入队列中点击右侧入，将中输入的数字从右任务目的学习与实践JavaScript的基本语法、语言特性初步了解JavaScript的事件是什么初步了解JavaScript中的DOM是什么任务...

zhoutk 2019-08-20 16:24 评论0 收藏0