Javaweb—CSS样式

行内式 <p style="">
内嵌式 <style type = "text/css">   </
链接式    <link href="" type="" rel="stylesheet">
导入式    <style type=""> @import url(*.css文件路径);

优先级:同一个元素若存在多个CSS规则,对应冲突的声明以优先级高者为准(就近原则)

层叠性:同一个元素若存在多个CSS规则,对于不冲突的声明可以叠加

继承性:父元素的CSS声明可以被子元素继承,如字体,颜色

 

 

标记选择器 标签名{}
类别选择器 .类名{}
ID选择器 #ID名{}

 

 

内联样式:定义在单个HTML元素中

内部样式表 :定义在HTML的头元素中

外部样式表:将样式定义在外部的CSS文件中(.css),由HTML页面引用样式表文件

内联样式:定义在HTML元素的属性style里面

css语法:只需要将分号隔开的一个或多个属性作为元素的style属性值,属性值之间用冒号(:)连接,多个属性值之间用分号(;)隔开

**内部样式表:**在HTML的<head>元素内部添加<style>元素

**外部样式表:**样式定义在独立的CSS文件中,一个纯文本文件,后缀为.css,该文件只包含样式规则

使用方法:①**创建外部样式表文件

②引用该样式文件

<link rel="stylesheet" type="text/css" href="文件地址值"\>

posted @   zrswheart  阅读(138)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示