什么是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;禁止输入法,不能输入汉字