摘要: 美化网页元素 1. 为什么要美化网页 1.有效地传递页面信息 2.美化网页吸引用户 3.凸显页面主题 4.提高用户体验 span标签:使用span标签括起重点要突出的文字 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < 阅读全文
posted @ 2022-04-23 22:30 无关风月7707 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 属性选择器★★★★== 1、属性选择器格式 /*属性选择器的格式: 标签类型+[属性 select 属性值 (正则)]+{} 其中select可选项为正则表达式 = 绝对等于 *= 包含这个元素 ^= 以......开头 $= 以......结尾 */ 2、属性选择器代码练习 <!DOCTYPE h 阅读全文
posted @ 2022-04-23 22:27 无关风月7707 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 结构伪类选择器(存疑,有一定思路,但不确定是否正确) 声明: 该部分开头参考自CSDN作者原创文章,仅供个人学习,特此声明 原文链接:https://blog.csdn.net/ixygj197875/article/details/79038041== 看表理解结构伪类选择器 选择器 功能描述 E 阅读全文
posted @ 2022-04-23 18:10 无关风月7707 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 层次选择器 遵循就近原则!!!! 1.后代选择器:在某元素后代的**所有元素** eg:(爷爷)--父亲--儿子 2.子选择器 : 在某元素后代的**第一代元素** eg: (爷爷)--父亲 3.相邻兄弟选择器 : 某一个元素的相邻(必须是向下相邻)元素 eg: 伯父、(父亲)、叔叔 4.通用选择器 阅读全文
posted @ 2022-04-23 16:08 无关风月7707 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 选择器★★★★ 作用:选择页面上的某一个或者某一类元素 2.1 三种基本选择器 1、标签选择器 标签选择器:会选择到页面上所有这个标签的元素,缺点亦为如此:无法做到只改变单个标签的样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT 阅读全文
posted @ 2022-04-23 11:47 无关风月7707 阅读(242) 评论(0) 推荐(0) 编辑
摘要: CSS的四种导入方式 1. 行内样式 <!--行内样式:在标签元素中编写style属性,写样式即可--> <h1 style="color:red;">字体样式测试</h1> 2. 内部样式 <head> <!--内部样式--> <style> <h1> color : green; </h1> < 阅读全文
posted @ 2022-04-23 11:44 无关风月7707 阅读(812) 评论(0) 推荐(0) 编辑