3.3 CSS样式（3）

最新推荐文章于 2024-08-12 00:15:00 发布
最新推荐文章于 2024-08-12 00:15:00 发布
阅读量158 收藏
点赞数
分类专栏： Web前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41898248/article/details/104547671
版权

在这里插入图片描述

1.背景

在这里插入图片描述
背景图片的应用需要设置单元的高宽才会被显示，如下图，小图片高30px，宽1px，所以单元高度也要设置为30px，然后 background-repeat：repeat-x 进行横向填充，所以单元的宽度设置没有要求
在这里插入图片描述
另外就是backgroung设置可以一起，按照颜色图片填充方式的顺序即可

2.超链接

在这里插入图片描述
注意！
在这里插入图片描述
在这里插入图片描述
实例如图
在这里插入图片描述

3.列表

在这里插入图片描述
列表的四个属性
在这里插入图片描述
1.list-style-type,前四个针对无序列表，后面适用于有序列表
在这里插入图片描述
2.list-style-position
在这里插入图片描述
实现效果：
在这里插入图片描述
3.list-style-image
在这里插入图片描述

4.表格样式

在这里插入图片描述
border-collapse表格边框设置为collapse，单元格边框与表格边框重叠，如图所示：
在这里插入图片描述
奇偶选择器，不管table的子元素是tr还是th
在这里插入图片描述

谁还不是个小屁孩
关注
专栏目录
3.3 CSS ID选择器
Python老吕的博客
09-04 805
ID选择器与伪类的结合使用提供了一种强大的方式，使得开发者能够为页面中的特定元素定义动态的交互样式。通过合理使用ID选择器与其他选择器的组合，开发者可以创建出更加精确和具体的样式规则，从而实现更复杂和灵活的页面布局和设计。然而，为了确保样式表的可维护性和可扩展性，合理使用ID选择器是至关重要的。虽然ID选择器的主要优势在于其唯一性，但在某些情况下，将ID选择器与其他类型的选择器结合使用可以创建更具体的样式规则。每个ID在页面中应该是唯一的，这使得ID选择器具有非常高的特异性，通常用于页面中非常特定的元素。
3.3css层叠样式之简介
BossHAO的博客
09-18 210
3.3css层叠样式之简介 描述：CSS简介 1.引入CSS样式 1.1 如果不使用CSS样式，HTML网页不美观。 例如：编写一个table标签，对行高 列宽进行设置，如果不设置，table很难看 可以自己增加一些背景颜色，也可以对上传的图片进行大小更改 1.2 HTML当中，使用标签的属性来更改样式，后续维护会比较麻烦 例如: tr — 针对行设置行高，一个表格当中有十行，分别对行的行高进行...
3.3 CSS选择器
m0_62460019的博客
06-16 401
需要说明的是，如果<link>引入的外部样式出现在<style>声明的样式之后，那么外部样式相当于在<style>之后定义，其优先级就会高于内部样式。CSS可以对HTML元素样式进行分别设置，例如，将<p>元素设成红色、<h1>元素设成绿色，通过CSS选择器能够选对元素进筛选，进而设置不同的样式。（1）元素选择器，通常就是HTML的元素，在W3C标准中，元素选择器又称为类型选择器（type selector）。（3）创作者的规则高于浏览者：即网页编写者设置的CSS样式的优先权，高于浏览器所设置的默认样式；
CSS3中的字体和文本样式
码说芯语的博客
10-29 2457
CSS3文本样式、文字样式、特殊设置、色彩模式、文本阴影、动态生成内容、自定义字体
02-CSS3基本样式
weixin_55702682的博客
05-30 1298
如同人类的的进化一样，CSS3是CSS2的“进化”版本，在CSS2基础上，增强或新增了许多特性， 弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷。
css3初级使用方法
qi341500的博客
06-30 330
一、语法 二、HTML中引入CSS的三种方式 1、行内样式：使用style属性引入CSS样式 2、内部样式表： 3、外部样式表： 三、引入方式优先级 四、css3的基本选择器 标签选择器：HTML标签作为标签选择器的名称 2、类选择器 css中输写 3、ID选择器 全选选择器 五、 css3基本属性...
java web-3.3全局CSS样式
weixin_39795049的博客
03-06 148
按钮 class="btn btn-default default可以修改成不一样的值 示例： 图片 //表示图片在任意尺寸都占100% class="img-responsive //图片形状 <img src = "img/384376.jpg" class="img-responsive img-rounded">//方的 <img src = "img/38...
A css样式表
weixin_44145887的博客
01-14 754
1.定义： css用来定义如何显示HTML元素（长宽高、颜色、间距、背景等展示效果） 2.基础语法 p{//选择器 color: red;//属性：值 font-size: 14px;//属性：值 } 选择器：声明哪个元素采用这个样式表。可以是标签、class、id和属性 3.选择器分类 3.1 上下文选择器（派生选择器） 3.2 类选择器 多个标签可以共用一个class值。一个标签的class属性可以有多个值。 使用class属性作为选择器，需要在选择器名字前面加 . class内有多个选择器
3.3css选择符②
LIN861的博客
07-14 108
第三周作业
CSS3.3.chm.zip_CSS3.3 _chm_css3 chm
09-24
CSS3（层叠样式表第三版）是Web样式表语言CSS的最新稳定版本，它扩展了CSS2.1的功能，并引入了许多新的特性，以增强网页设计的灵活性和表现力。以下是CSS3.3中的一些核心知识点： 1. **选择器增强**： - **伪类和...
HTML5 CSS3.3 手册 + 教程(中文)
04-20
CSS3是层叠样式表的第三个主要版本，它极大地扩展了网页的视觉表现力。CSS3.3新增了多个选择器，如兄弟选择器（~）、后代选择器（>）和属性选择器（[attribute=value]），使得样式选择更为精确。边框和背景的处理也...
jQuery1.6 HTML5 CSS3.3
04-24
CSS3.3在CSS3的基础上进一步细化和完善，提供了更多的样式选择器，如nth-child()、nth-of-type()，使得选择元素更加灵活。新增的过渡（Transition）、动画（Animation）和3D转换（Transforms）使得网页动态效果更为...
Web前端开发 CSS常用样式大全
www.h y p e r p l a s m a.top
08-12 1280
本文详细介绍了CSS的常用样式。CSS作为层叠样式表，用于描述HTML文档的呈现和美化。文章涵盖了CSS的引入方式（内部、外部、行内）、选择器（标签选择器、类选择器、ID选择器、复合选择器）、CSS特性（继承性、层叠性、优先级）以及文字控制属性和背景属性等关键内容。通过具体示例和图解，帮助读者理解CSS的基础概念及实践应用，适合前端开发者入门学习。
一款纯VF控制的变频器方案方案说明:可做0.2KW7.5KW 220V，0.2KW75KW 380V，富士通MB90F462A
10-02
一款纯VF控制的变频器方案方案说明:可做0.2KW7.5KW 220V，0.2KW75KW 380V，富士通MB90F462A LQFP64单片机控制，可提供源码及电路原理图，PCB图 这是一种基于纯VF控制的变频器方案。它可以在220V电压下提供0.2KW到7.5KW的功率输出，或者在380V电压下提供0.2KW到75KW的功率输出。该方案采用了富士通MB90F462A LQFP64单片机进行控制，并且提供了源码、电路原理图和PCB图。 知识点和领域范围： - 变频器：变频器是一种电力电子设备，用于控制交流电机的转速和输出功率。它通过改变输入电压的频率和幅值，实现对电机的调速控制。 - VF控制：VF控制是一种变频器控制方式，通过同时改变电压和频率的比例，实现对电机转速的精确控制。 - 单片机控制：单片机是一种集成电路芯片，具有处理器、存储器和输入输出接口等功能。它可以用于控制和管理各种电子设备，包括变频器。 - 源码：源码是计算机程序的原始代码，通常以文本形式表示。它包含了程序的逻辑和算法，可以被编译器或解释器转为可执行的机器代码。 - 电路原理图：电路原理图是一种图
基于Java语言实现的软件工程Lab1-2021111888设计源码
10-02
本项目为软件工程课程Lab1作业，采用Java语言实现，源码包含63个文件，包括16个Java源代码文件、11个PNG图片文件、8个XML配置文件、8个JAR包文件、8个class字节码文件、5个TXT文本文件、4个Git忽略配置文件、2个IDE配置文件和1个项目名称文件。
基于Python的入门级人脸、视频、文字检测与识别项目设计源码
10-02
该项目是一款入门级的人工智能项目，利用Python语言实现了人脸、视频和文字的检测与识别功能。项目包含130个文件，其中包括50个PNG图片文件、42个Markdown文档、25个Python源代码文件、3个HDF5数据文件、3个GIF动画文件、2个JPG图片文件、1个Git忽略规则文件、1个开源许可证文件、1个JSON数据文件和1个H5数据文件。该系统适合作为人工智能学习的入门项目。
SANJIAO_JICHU gerber.zip
10-02
SANJIAO_JICHU gerber.zip
大创资源推荐学习《word文档》
最新发布
10-02
大创资源推荐学习《word文档》 大创资源推荐学习知识点概述 大创资源推荐学习《word文档》 大创资源推荐学习知识点概述
css3.3 插件怎么开发
07-30
3. 检查浏览器兼容性：CSS3.3的部分特性在不同浏览器中的支持程度不同，因此需要检查目标浏览器是否支持所使用的特性。可以使用Can I Use（caniuse.com）等网站来检查各种特性的浏览器兼容性。 4. 封装为插件：将...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值