学习3
内联样式是在 HTML 标签的style属性中直接编写 CSS 代码,比如< p style="color: red;"> 红色文本
,这种方式适合对个别元素进行简单的样式修改。内部样式表是在 HTML 文档的< head>标签内使用< style>标签定义样式,例如< style> body { background-color: lightblue; } < /style> ,能方便地控制整个页面的局部样式。外部样式表则是把 CSS 代码单独存放在一个.css文件中,通过< link>标签引入到 HTML 页面, ,这样可以实现样式的复用和分离,后期维护起来也更轻松。深入了解了 CSS 选择器。标签选择器直接选取指定标签,像p { font-size: 16px; }会把所有段落的字体大小设置为 16 像素。类选择器以点号(.)开头,可以应用于多个不同标签,比如.highlight { background-color: yellow; } ,给添加了highlight类的元素设置黄色背景,一个元素还能添加多个类,灵活性很高。ID 选择器以井号(#)开头,具有唯一性,#main { width: 960px; } ,设置 ID 为main的元素宽度为 960 像素。通过实例练习不同选择器的用法,对之前创建的 HTML 页面进行了样式美化,修改了字体、颜色、背景等,页面一下子变得更漂亮了。

浙公网安备 33010602011771号