六作者简介

首页：​​​​​​小罗のdiary的博客_CSDN博客-单片机原理,java基本常识领域博主

职业：‍在校大学生

爱好：写博客，听歌，学习单片机，java，跑步

擅长：单片机的基本原理，java基本原理

欢迎来首页阅读我的博客

主要内容



理清CSS与html直接的关系，了解

并使用CSS样式表的规则，掌握C

SS的选择器还有基本样式表



目录

❤️一、CSS的定义

❤️二、CSS与html之间的关系

❤️三、CSS的选择器

✨1.标记选择器

✨2.类别选择器

✨3.ID选择器

✨4.选择器对比 

❤️四、 CSS样式表

✨1.行内样式表

✨2.链接式样式表

CSS文件导入JSP文件教程

❤️一、CSS的定义

CSS是W3C协会为了弥补html在显示属性设定的不足写创造出来的一套扩展样式标准

❤️二、CSS与html之间的关系

CSS标准重新定义html文件原来文字中的样式，也就是说CSS是html文件其中的组成部分之一

❤️三、CSS的选择器

✨1.标记选择器

用于对各标记进行设置样式

    
        
        
    
    
        标记选择器的使用结果显示    
    
	

​

✨2.类别选择器

自己定义选择器名称，.开头，应用该选择器则用class属性声明

    
        
        
    
    
        
类别选择器的使用结果显示
	
    

​

✨3.ID选择器

与类别选择器基本相同，#开头，应用该选择器则用id属性声明

    
        
        
    
    
        
ID选择器的使用结果显示
		
    

​

✨4.选择器对比 

选择器	便捷性	选择器的命名	引用属性
标记选择器	不便捷	必须是HTML标记	无
类别选择器	便捷	必须.开头	class
ID选择器	便捷	必须#开头	id

❤️四、 CSS样式表

✨1.行内样式表

直接定义在HTML标记里面

    
        
        
    
    
        
行内式样式表
    

​

✨2.链接式样式表

最常用，将CSS样式定义在单独的文件中，用link标记将CSS文件导入

link语法：

rel:定义外部文档和调用文档之间的关系

href:CSS文档的绝对或相对路径

type:外部文档（CSS文件）的MIME类型

参数rel和type参数的值是固定的.

其中rel和href这2个参数必须要写，不然无法导入CSS文件.

CSS文件导入JSP文件教程

1️⃣文件目录展示 

​

 2️⃣index.css文件

@charset "UTF-8";
a{
	color:red; 
	font-size:30px;
}

3️⃣index.jsp文件 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>








链接式样式表

注意：

❗jsp文件中的href中除了加上路径以外，还要额外加上

<%=request.getContextPath()%>

❗而html不需要加上面的代码

 相信大家到这里应该已经读完了吧！

觉得写得好的话点个赞再走呗！