第三次学习

1. 学习前端的第三天

用时:5小时
学习内容:零基础学院 第三天
学习目标:完成效果不好

分享一个很好地网站可以用来学习,对于初学者建立网站很友好

https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web

2.什么是CSS,CSS是如何工作的
css是层叠样示表
浏览器加载html
浏览器解析html,同时加载css
浏览器解析css,并使css结合html,生成DOM(Document Object Model,文档对象模型)
浏览器展示DOM

3.CSS的基本语法是怎样的
css规则主要是有两个主要的部分组成,选择器以及一条或者多条声明
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。
例如:h1 是选择器,color 和 font-size 是属性,red 和 14px 是值。
h1 {color:red; font-size:14px;}

4.CSS选择器是什么概念,简单选择器和属性选择器是什么
选择器是一种模式,匹配页面元素;
简单选择器:
1.类型选择器(p,div)
2.类选择器(.)
3.ID选择器(#)
4.通用选择器(*)

属性选择器:
1.存在和值(Presence and value)属性选择器
2.子串值(Substring value)属性选择器

5.文本样式都有哪些相关属性,对应哪些值
字体样式
1.color:red; 
2.font-family:  serif, sans-serif, monospace, cursive,和 fantasy(常用)
3.font-size:  设置字体大小。常用单位有px,em,rem
4.font-style:normal: 将文本设置为普通字体 (将存在的斜体关闭)
         italic: 如果当前字体的斜体版本可用,那么文本设置为斜体版本;如果不可用,那么会利用 oblique 状态来模拟 italics。
         oblique: 将文本设置为斜体字体的模拟版本,也就是将普通文本倾斜的样式应用到文本中。
5.font-weight: 设置文字的粗体大小. 不过一般会用到 normal 和 bold
6.font-transform:允许你设置要转换的字体
                none: 防止任何转型。
                uppercase: 将所有文本转为大写。
                lowercase: 将所有文本转为小写。
                capitalize: 转换所有单词让其首字母大写。
7.text-decoration:    none: 取消已经存在的任何文本装饰。
                underline: 文本下划线.
                overline: 文本上划线
                line-through: 穿过文本的线 
8.text-shadow:4个参数分别为水平竖直半径颜色

文本布局风格
1.text-align:left: 左对齐文本。
             right: 右对齐文本。
             center: 居中文字
             justify: 使文本展开
2.line-height:设置文本行高 2
3.word-spacing:单词与单词之间距离
4.letter-spacing:字母与字母之间距离

        2020-04-11 

欢迎交流学习

原文地址:https://www.cnblogs.com/xing--/p/12682833.html