CSS

问题 1：CSS 的使用场景是什么？

问题 2：CSS 的中文名称是什么？

问题. 3：CSS 能设置哪些样式？

CSS主要使用在美化网页，布局页面

CSS中文名称：层叠样式表

CSS主要设置文字，图片

HTML 专注做结构 CSS专注做样式

CSS语法格式

选择器：选择标签使用

div {

color: red；

属性：值；

}

CSS选择器

选择器：基础选择器，复合选择器

基础选择器：标签，类，ID，通配符四种

标签选择器

标签选择器就是使用 HTML作为选择器

标签选择的优缺点：

优点快速、统一设置同类型标签的样式；

缺点：没有差异化

类选择器

类选择器与标签选择器最大的差别是可以差异化选择不同的标签，单独选择某一个或多个标签

类选择器可以应用到不同的标签

类选择器在名称前有< . >表示是类选择器，找到需要修改的样式的标签，给标签增加（class）属性，属性值是选择器类名。（注意：class属性值不需要加< . >)

类选择器-多类名

主要方便一时的修改或单独一行需要修改样式

在标签的(class)属性中使用多个类名，类名之间使用空格分隔。

ID修改器

ID选择器：（#）与类选择器基本相同，ID选择器只能调用一次

专门定义 HTML 中某个特定元素的样式，因为 (ID)是唯一的。

通配符选择器

通配符选择器：(*)是选取所有标签（不需要调用）

浏览器在解释 HTML 时，会把通配符选择器中定义的样式应用到页面中的每一个标签

基础选择器	作用	特点	使用频率
标签选择器	选出相同标签	不能差异化选择	较多
类选择器(`.`)	按需选择标签	根据需求选择	非常多
id 选择器(`#`)	选中唯一标签	针对唯一标签	通常与 JavaScript 联用
通配符选择器(`*`)	选中所有标签	选择的太多，有部分不需要	特殊情况使用

CSS字体属性

CSS用于定义字体系列大小粗细和文字样式

font-family含义是字体系列

默认字体是因为保证不同浏览器正常显示

所有字体都包含在body标签内

font-weihgt=xxx

实现文字加粗

更推荐数字来设置字体粗细

数值设置字体粗细不需要单位

normal=400 bold=700

font复合属性顺序：

文字倾斜-文字加粗-文字大小/行高-字体

font-style—font-weight—font-size/line-height—font-family

color：#rrggbb

颜色是十六进制书写

CSS指令

text-aligh文本对齐： text-align：center 居中

只能用于独占一行的指令

text-decoration装饰线

text-decoration:none 默认没有装饰线

取消下划线必须写进a标签里面

text-indent首行缩进

text-indent：xxem （1个em一个字体空）

line-height行间距

line-height：xxpx;

必背单词

font-size 字体颜色

font-family 字体系列大小粗细

font-weight 字体加粗（bold 加粗）（normal 正常粗细）

font-style 字体样式

text-decoration(none) 默认，没有装饰线

underline 下划线

text-decoration 文本修饰

text-indent 首行缩进

line-height 行间距

和CSS相遇的第一天，想它！相关推荐

css3怎么排除第一个,css怎么排除第一个子元素
css排除第一个子元素的方法:1.通过使用伪类选择器":not"实现排除:2.通过使用"nth-of-type"或者"nth-child"实 ...
CSS实用技巧第一讲：文字处理
前言作为程序员的我们,书写代码也需要大量的技巧.一份良好的代码能让人耳目一新,让人容易理解,同时也让自己成就感满满.因此,在这里简单的整理一些CSS开发技巧,希望能让你写出耳目一新.容易理解.舒服自 ...
CSS如何选择第一个和倒数第一个元素
本文主要介绍了CSS选择第一个和倒数第一个元素的解决方法,这里用到了first-child和:last-child,本文结合示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要 ...
【CSS学习】第一部分 CSS基础
参考书:深入理解CSS 没有放效果图(因为懒得截图),只有代码块理解似乎不是很深入,希望有大佬交流一下第一章层叠.优先级和继承 1.1 层叠 CSS的本质是生命规则,即在各种条件下,我们希望得到 ...
css学习（第一天）（css基础选择器，css字体属性，css文本属性，css引入方式）
CSS第一天 1.css简介 1.1 html的局限性 1.2 css-网页的美容师 1.3 css语法规范 1.4 css代码风格 1.4.1 样式格式书写 1.4.2 样式大小写风格 1.4.3 ...
css高级教程第一章笔记
2019独角兽企业重金招聘Python工程师标准>>> 大年30,今天刚刚看完第一章,上传上来一些笔记. 1.css:可以将文档的表现部分与内容分开 2.id:是唯一的,id可以用来 ...
CSS 各类选择器第一节
CSS 在 HTML 中使用 CSS 1.内联样式内联样式是在元素属性中设置样式.此种方式很适合用于测试样式和快速查看样式效果,但是不推荐在整个文档上使用此方法. 在使用此方法时,必须在每一个元素上 ...
02_HTML5+CSS详解第一天
视频来源:麦子学院讲师:朱朝兵 HTML5概念:HTML即超文本标记语言(HyperText Makeup Language),是一种语法简单,结构清晰的解释型文档,不同于其他编程语言. HTML5 ...
Css 学习笔记第一章
序目录第一节:CSS 引入方式第二节:CSS 选择器第三节:CSS 选择器 (特殊标签) 第四节:选择器权重第一节:CSS 引入方式如果把 html 比作房子 css 就像对于是给房子 ...

和CSS相遇的第一天，想它！

CSS

CSS选择器

CSS字体属性

CSS指令

必背单词

和CSS相遇的第一天，想它！相关推荐

最新文章

热门文章