实习生找面试工作前的学习——第四天

什么是CSS，CSS是如何工作的？
1.什么是 CSS?

• CSS 指层叠样式表 (Cascading Style Sheets)
• 样式定义如何显示 HTML 元素
• 样式通常存储在样式表中
• 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
• 外部样式表可以极大提高工作效率
• 外部样式表通常存储在 CSS 文件中
• 多个样式定义可层叠为一个

2.CSS是如何工作的？
如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id" 和 "class"选择器。

CSS的基本语法是怎样的
1.CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明:
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性（property）是您希望设置的样式属性（style attribute）。
每个属性有一个值。属性和值被冒号分开。

2.CSS声明总是以分号(;)结束，声明总以大括号({})括起来

3.注释是用来解释你的代码，并且可以随意编辑它，浏览器会忽略它。
CSS注释以 “/" 开始, 以 "/” 结束

CSS选择器是什么概念，简单选择器和属性选择器是什么
选择器：
选择器用于我们想要样式化的网页上的html元素。各种各样可以用的css选择器允许我们精准的选择我们想要样式化的元素。

简单选择器：
1）元素选择：选择器名和指定的html元素名不区分大小写的匹配
2）class选择器： 用（.）来标记 文档中的个元素可以具有相同的类名，而单个元素可以用多个类名（之间用空格隔开）
3）id选择器：用（#）来标记 id名称必须在文件中是唯一的
4）通用选择：用（*）来标记 选择一个页面中所有的元素

属性选择器：
属性选择器：用([])来标记 是一种特殊类型的选择器，他根据元素的属性和属性值来匹配元素
属性选择器中有分为两种：
1、根据存在的值属性选择器
（1）[attr]:选择器选择包含attr属性的所有元素
（2）[attr=val]:仅选择attr属性值被赋值为val的所有元素
（3）[attr~=val]:仅选择attr属性值中包含val的所有元素（意思就是他元素的attr可能有多个属性值，上面第二点元素属性值就只有val一个）

2、子串值属性选择器（又称‘伪正选择器’）
（1）[attr|=val]:选择attr属性值是val或属性值是以val-开头的元素
（2）[attr^=vla]:选择attr属性值是以val开头的所有元素（包括val本身）
（3）[attr$=val]:选择attr属性值是以val结尾的所有元素（包括val本身）
（4）[attr*=val]:选择attr属性值中包含字符串val的所有元素

文本样式都有哪些相关属性，对应哪些值？
1.文本中大小写字母转换—text-transform
属性值：
uppercase;(全部大写)
lowercase;（全部小写）
capitalize；（在所有小写单词中，首字母大写）

2.文本居中——text-align
属性值：
center;(居中)
left;(左边对齐)
right（右边对齐）

3.段落缩进—–text-indent
属性值：em(是以字为单位)，±都可以

4.文字装饰效果——text-decoration
属性值：
none(去掉下划线)
underline(加下划线)
overline(加上划线)
line-through(加删除线)

5.设置段落行高—-line-height
属性值：百分比，px,数字

6.设置字词间距——word-spacing(只对英文有用)；letter-spacing（汉字和英文都可以）

7.段落间距——margin

8.边框——border
属性值有三个：大小，颜色，样式；
边框样式有：solid(实线)，dashed(虚线)，dotted(点线)

9.空格——white-space
属性值：
pre;(与预设一样)
nowrap；（文字不自动换行）
inherit;(继承父本)
normal;(显示一个)

10.设置输入法状态-ime-mode
属性值：
auto;默认
active;激活本地语言输入法；
inactive:激活非本地语言输入法；
disabled;禁止输入法，不能输入汉字