HTML5+CSS3前端入门教程—从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第3章初识CSS 本教程案例在线演示 有路网PC端 有路网移动端 免费配套视频教程 免费配套视频教程 教程配套源码资源 教程配套源码资源 考虑对人的描述方式 CSS基本语法结构 style标签 标签选择器 HTML标签作为标签选择器的名称 类选择器 <标签名 class= “类名称”>标签内容</标签名> ID选择器 <标签名 id= “id名称”>标签内容</标签名> 标签选择器直接应用于HTML标签 类选择器可在页面中多次使用 ID选择器在同一个页面中只能使用一次 制作《浣溪沙》 使用标签选择器设置标题字体大小为20px 页面中所有段落中的文本字体大小为16px 使用类选择器设置正文和译文内容字体颜色为绿色 使用ID选择器设置译文标题颜色为蓝色
CSS复合选择器 后代选择器 交集选择器 并集选择器 后代选择器 在CSS选择器中通过嵌套的方式,对特殊位置的HTML标签进行声明. 外层的标签写在前面,内层的标签写在后面,之间用空格分隔. 标签嵌套时,内层的标签成为外层标签的后代. 交集选择器 由两个选择器直接连接构成,选中二者各自素范围的交集. 第一个必须是标签选择器,第二个必须是类选择器或者ID选择器. 选择器之间不能有空格,必须连续书写 并集选择器 多个选择器通过逗号连接而成. 利用并集选择器同时声明风格相同样式. 制作《花千骨大结局》
HTML中引入CSS样式 行内样式 内部样式表 外部样式表 行内样式 内部样式表 优点 方便在同页面中修改样式 缺点 不利于在多页面间共享复用代码及维护,对内容与样式的分离也不够彻底 外部样式表 CSS代码保存在扩展名为.css的样式表中. HTML文件引用扩展名为.css的样式表,有两种方式 链接式 导入式 链接外部样式表 导入外部样式表 CSS继承特性
子标签可以继承父标签的样式风格 子标签可以覆写父标签的样式,但不会影响父标签的样式风格
CSS的优先级 ID选择器>类选择器>标签选择器 p和.first都匹配到了p这个标签上,green是正确的颜色
在html文件中对于同一个素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。 有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决。
2024最新激活全家桶教程,稳定运行到2099年,请移步至置顶文章:https://sigusoft.com/99576.html
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/46847.html