菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: css-张佳栋-2023-02-07 [打印本页]

作者: Baboo 时间: 2023-2-7 19:59
标题: css-张佳栋-2023-02-07
学到了什么？一.css引入方式
1.行内样式表（行内式）
2.内部样式表（嵌入式）
3.外部样式表（链接式）：使用步骤：1、创建css文件2、使用link标签引入css文件即可（link标签一般写在head标签中）：rel 定义当前文档与被链接的文档之间的关系，stylesheet表示被链接文档是一个样式表文件href  定义链接的文件的路径（URL），可以使用绝对路径也可以使用相对路径
二：css复合选择器
1.后代选择器：后代选择器又叫做包含选择器，是选择某个父元素下面的子元素。语法：元素1  元素2 {样式声明}    选择元素1中的所有元素2（所有复合条件后代都可以被选中不局限于到底是儿子还是孙子）
2.子代选择器：子元素选择器就是只能选择复合条件的最近的一级子元素，简单来说就是选亲儿子元素。语法元素1 > 元素2  {样式声明} 表示选择元素1里面最近的一级元素2
3.并集选择器：并集选择器就是用多组标签来构成，同时为他们定义相同的样式，通常用于集体样式声明，并集选择器中的各选择器之间用逗号隔开。
4.伪类选择器：（1.链接伪类选择器）（2.焦点伪类选择器）
1.链接伪类选择器：

给链接来添加特殊效果的选择器
:link 选择所有未访问过的链接
- 使用方式 a:link
:visited 选择所有已经被访问的链接
- 使用方式a:visited
:hover 选择鼠标指针悬浮的链接
:active 选择所有鼠标点击时的链接

2.焦点伪类选择器
:focus 伪类选择器用于选取获得焦点的表单元素，一般情况下在<input>表单元素中使用
三、css元素显示模式
1.块级元素
2.行内元素
3.行内块
4.元素模式的转换：
转换为块元素：display:block;
转换为行内元素：display:inline;
转化为行内块元素：display:inline-block;
四.字体属性：CSS中使用font-weight来控制字体粗细；常用的属性值有两个 400代表正常字体，700代表加粗字体，注意不要加单位

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)