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

标题: css引入赵远利 2023.2.7 [打印本页]

作者: 嘻哈哈 时间: 2023-2-7 23:17
标题: css引入赵远利 2023.2.7

今天学习内容
一css的引入方式
1.创建css文件

1、创建css文件
2、使用link标签引入css文件即可（link标签一般写在head标签中）
- rel 定义当前文档与被链接的文档之间的关系，stylesheet表示被链接文档是一个样式表文件
- href 定义链接的文件的路径（URL），可以使用绝对路径也可以使用相对路径

二Emmet语法
1、输入div 按tab键能快速补全标签
2、一次生成多个标签 div*5
3、生成父子级关系标签 div>p
4、生成兄弟关系标签 div+p
5、生成带有类名为demo的p标签 p.demo
6、生成带有id属性的标签
7、使用自增符号生成顺序内容
8、生成标签时直接添加内容
9、快速生成css代码
三css的复合选择器
1后代选择器
2子选择器
3并集选择器
4伪类选择器
四css的元素显示模式
1常见的块元素
<h1>~<h6>,<p>,<div>,<ul>,<ol>,<dl>等等
2行内元素
<span>,<strong>,<em>.<ins>等等
3行内块元素
<img><input><td>
五元素模式的转换

转换为块元素：display:block;
转换为行内元素：display:inline;
转化为行内块元素：display:inline-block;

今日遇到的问题

css的复合选择器
Emmet语法

问题解决方案
请教同学，然后在回顾老师讲的内容，多记多练

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