1 、Materialize CSS中的面包屑主要涉及以下关键类别与用法核心类breadcrumb这是创建面包屑导航的基础类 ，需应用于所有层级链接标签该类默认样式包括基础文本样式如字体颜色内边距悬停效果背景色变化非最后一项的分隔符通过伪元素after添加“”符号示例代码中 ，所有层级链接均使用cla；在CSS中，`a`元素的伪类有四种link用于设置`a`对象在未被访问前的样式表属性hover用于设置对象在其鼠标悬停时的样式表属性active用于设置对象在被用户激活在鼠标点击与释放之间发生的事件时的样式表属性visited用于设置`a`对象在其链接地址已被访问过时的样式表属性下划线的样式是通过`text 。
2 、Html中引入css的主要方式有四种 ，分别是外部样式内部样式内联样式导入式一外部样式 一 使用外部样式的好处 1减少代码量 ，网站中相同部分的样式只需要编写一次，我们只需要把css文件引入到不同的html页面中即可实现展示效果2更改网站风格方便，我们可以通过修改一个css文件就可以实现整个；css中文字样式不包括缩进属性1文本textindent2文本对齐textalign3字间隔wordspacing4字母间隔letterspacing5字母转换texttransform字体用中文表示则需要用双引号或者单引号分隔 ，英文字体一般不需要用引号 ，但是如果有特殊字符的如空格，反斜杠 ，# ，$等也需要使用；二运用4种方法来引入CSS样式 1link rel 关系 type 数据类型，有多种 href 路径 部分浏览器支持候选样式 ，关键字alternate 2内部样式块 lt！– h1colorred – 3@import @import urlacss 注意此指令必须放在容器中 ，并且在所有样式之前；如果我们把一个标签从祖先那里继承来的而自身没有的属性叫做quot祖先样式quot，那么quot直接样式quot就是一个标签直接拥有的属性又有如下规则 CSS优先规则2quot直接样式quot比quot祖先样式quot优先级高 例2 ！类名为son的div的color为bluedivstyle=quotcolorredquot divclass=quotsonquotstyle=quotcolorbluequotdivdiv 选择器的优先；CSS中链接的常见状态主要有以下四种 ，每种状态对应不同的选择器 ，用于定义不同交互场景下的样式表现1 alink 默认未访问状态该选择器定义链接在未被用户点击或访问前的默认样式例如，可通过color属性设置未访问链接的颜色如蓝色 ，或通过textdecoration属性控制是否显示下划线如textdecoration 。
3、内联样式内部样式外部样式 内联样式样式直接写在标签内的叫做内联样式权值大于内部样式和外部样式例如你好 内部样式样式写在头部内的叫内部样式权值大于外部样式 ，小于内联样式例如 d1 width100pxheight100pxborder1px solid #000backgroundred 你好 外部样式；1内联样式，就是一般直接在标签上用style标记的 例如ltdiv style=quot color#FF0000fontfamilyquot宋体quotcursorurl3151aniquotltdiv 2嵌入样式 ltstyle type=quottextcssquot 内部样式表是把样式表放到页面的lthead区里，这些定义的样式就应用到页面中了 ，样式表是用ltstyle标记插入。
4 、1代表内联样式 ，如style=，权值为10002代表ID选择器 ，如#content ，权值为1003代表类，伪类和属性选择器 ，如content ，权值为104代表类型元素选择器和伪元素选择器，如divp ，权值为1按照CSS代码的执行先后顺序如果有重复的规则 ，按照后执行的定义最终规则是多个定义规则 。
5 、网页设计最初是用HTML标记来定义页面文档及格式，例如标题段落表格链接等 ，但这些标记不能满足更多的文档样式需求 ，为了解决这个问题，在1997年W3CThe World Wide Web Consortium颁布HTML4标准的同时也公布了有关样式表的第一个标准CSS1， 自CSS1的版本之后 ，又在1998年5月发布了CSS2版本 ，样式表得到了更多的充实；最常用的四种选择器是元素选择器类选择器ID选择器派生选择器 1元素选择器 最常见的css选择器当属元素选择器了，在HTML文档中该选择器通常是指某种HTML元素 ，例如p ，h2，span ，a ，div乃至html例如html backgroundcolor black p fontsize 30px backgroudcolor gray h2；CSS是用于修饰HTML页面并降低HTML代码书写量的技术，其使用载体包括行内样式内部样式表外部样式表和导入式CSS的作用修饰HTML页面通过CSS可以设置HTML元素的样式 ，如颜色字体布局等 ，从而美化页面降低HTML代码的书写量CSS将样式与内容分离，使得HTML代码更加简洁 ，易于维护CSS使用的载体CSS有；css语法 selector property value 选择符 属性值补充用户定义样式HTML标签定义样式链接样式 1用户定义样式只在网页的指定部分应用样式表 注意类名称必须以句点开头 ，并且可以包含任何字母和数字组合例如，mycss如果您没有输入开头的句点，DW MX 2004将自动为您输入 。
6、通过 JavaScript 修改 CSS 样式主要有以下四种方法 ，每种方法适用于不同场景 ，以下是具体实现方式及示例1 通过 getElementById 修改特定 ID 元素的样式适用场景修改页面中唯一 ID 元素的样式示例代码 获取元素const element = documentgetElementById#34myElement#34 修改样式。
本文来自作者[沙虹彩]投稿，不代表调研号立场，如若转载，请注明出处：https://kydy.org.cn/miao/12689.html
评论列表（4条）
我是调研号的签约作者“沙虹彩”！
希望本篇文章《【css包括哪四种样式,css样式的种类有哪些类型】》能对你有所帮助！
本站[调研号]内容主要涵盖：调研号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览：1、MaterializeCSS中的面包屑主要涉及以下关键类别与用法核心类breadcrumb这是创建面包屑导航的基础类...