CSS及案例开发

最新推荐文章于 2024-07-25 16:45:46 发布
最新推荐文章于 2024-07-25 16:45:46 发布
阅读量156 收藏
点赞数
分类专栏： HTML 文章标签： css css3 前端 html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Didhogg/article/details/120945315
版权

目录

一、盒子模型

一、概念

二、盒子模型的内边距

三、盒子模型的外边距

四、外边距设置居中

五、块元素和行内元素的转换

二、浮动和定位

一、浮动

1.什么是浮动

2.浮动案例——12306广告栏的制作

 二、定位

1.绝对定位

2.相对定位

3.相对浏览器窗口定位

4.定位案例——12306定位栏

四、列表标签及案例开发——12306介绍栏

一、盒子模型

一、概念

什么是网页的布局？

举个例子，房子有自己的格局，网页也有自己的格局，也就是网页内容的主体规划

完成网页布局我们要学会的几个技术

1.盒子模型：完成标签和标签存在包含关系时，位置的调整

2.浮动：完成使多个块标签处于同一行的位置处理问题

3.定位：完成让块标签处于页面指定位置的处理问题，定位处理的是单个标签的问题，与其他标签无关

块标签回顾：独立占用一行的标签

行内标签回顾：不会独立占用一行的标签

网页的布局基本都是用块标签来完成的

一般做布局，使用的标签是 div 帮助我们将网页划分成多个小方块

div边线的类型：

 

盒子模型的基本用法：通过标签的内边距和外边距的特点调整两个有包含关系的标签的位置，就好比两个盒子，一大一小，大盒子装着小盒子，小盒子在大盒子内部位置如何调整

二、盒子模型的内边距

内边距：内部元素距离当前块元素边界的距离

PS：当设置内边距后，为了保证块标签内部的容量不变，块标签实际上是向外扩张而不是向内，所以块标签会变大，但容量还是不变的，可以在浏览器按f12进行查看

设置内边距要在CSS中使用padding属性

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--
			内边距：内部元素距离当前块元素边界的距离
			当设置内边距后，为了保证块标签内部的容量不变，块标签实际上是向外扩张而不是向内，所以块标签会变大，但容量还是不变的，可以在浏览器按f12进行查看
		-->
		<style>
			#insidediv{
				width: 300px;
				height: 300px;
				background-color: yellow;
				border: 1px solid red;
				
                /*同时设置上下左右四个内边距都是100px*/
				/*padding: 100px;*/
				
				/*设置上下内边距为50px，左右内边距为100px*/
				/*padding: 50px 100px;*/
				
				/*设置上、右、下、左（顺时针）是个内边距*/
				/*padding: 20px 30px 40px 50px;*/
				
				/*分别单独设置四个内边距*/
				padding-top: 30px;
				padding-right: 40px;
				padding-bottom: 50px;
				padding-left: 60px;
			}
		</style>
	</head>
	<body>	
		<div id="insidediv">
			这是段测试文字
		</div>
	</body>
</html>

三、盒子模型的外边距

外边距：设置当前块标签外部和父级块标签之间的距离

设置外边距不会让盒子变大

设置盒子模型外边距要使用margin属性

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--
			外边距：设置当前块标签外部和父级块标签之间的距离
			设置外边距不会让盒子变大
		-->
		<style>
			#outsidediv{
				width: 300px;
				height: 300px;
				background-color: aqua;
				border: 1px solid red;
				/*设置当前块标签上下左右四个外边距都是100px*/
				/*margin: 100px;*/
				
				/*设置左右外边距是200px，上下外边距是100px*/
				/*margin: 100px 200px;*/
				
				/*设置上、右、下、左（顺时针）四个外边距*/
				/*margin: 10px 20px 30px 40px;*/
				
				/*单独设置四个外边距*/
				margin: 20px;
				margin: 30px;
				margin: 40px;
				margin: 50px;
			}
		</style>
	</head>
	<body>
		<div id="outsidediv"></div>
		这段文字是测试盒子模型的外边距的
	</body>
</html>

四、外边距设置居中

调整两个盒子的位置关系主要有两种办法，一种是设置外盒子的内边距，一种是设置内盒子的外边距

设置居中可以使用外边距

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--
			调整两个盒子的位置关系主要有两种办法，一种是设置外盒子的内边距，一种是设置内盒子的外边距
			设置居中可以使用外边距
		-->
		<style>
			.outerdiv{
				width: 400px;
				height: 400px;
				border: 1px solid red;
				/*设置外盒子的内边距*/
				/*padding: 100px 100px;*/
				
				/*通过外边距设置横向居中*/
				margin: 0px auto;
				
				/*如果要设置纵向居中，则需要自己计算像素，不可以使用auto，因为理论上来说网页的纵向向下是可以无限延伸的*/
			}
			.innerdiv{
				width: 200px;
				height: 200px;
				border: 1px solid blue;
				/*设置内盒子的外边距*/
				/*margin-top: 20px;
				margin-left: 20px;*/
				
				/*通过外边距设置纵向和横向居中*/
				margin: 99px auto;
			}
		</style>
	</head>
	<body>
		<div class="outerdiv">
			<div class="innerdiv">
				好耶！
			</div>
		</div>
	</body>
</html>

五、块元素和行内元素的转换

行内元素没有盒子模型

行内元素设置宽度和高度不一定生效但块元素设置宽度和高度一定生效

行内元素没有办法设置内边距和外边距特征

只有块标签才有盒子模型，才可以设置内边距和外边距

如果一个行内标签非要使用盒子模型，那么可以将行内元素转换为块元素

块元素和行内元素的互相转化需要使用display属性，block属性值可以将行内元素转换为块元素，inline可以将块元素转换为行内元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.div1{
				width: 400px;
				height: 400px;
				border: 1px solid red;
				background-color: aqua;
				margin: 0px auto;
			}
			.s1{
				/*行内元素设置宽度和高度不一定生效
				 但块元素设置宽度和高度一定生效
				 * */
				width: 200px;
				height: 200px;
				background-color: yellow;
				border: 1px solid green;
				/*span是一个行内元素
				 行内元素没有盒子模型
				 行内元素没有办法设置内边距和外边距特征
				 只有块标签才有盒子模型，才可以设置内边距和外边距
				 如果一个行内标签非要使用盒子模型，那么可以将行内元素转换为块元素
				 需要使用display属性，block属性值可以将行内元素转换为块元素，inline可以将块元素转换为行内元素
				 * */
				display: block;
				margin: 0px auto;
			}
		</style>
	</head>
	<body>
		<div class="div1">
			<span class="s1">加油，坚持就是胜利！</span>
		</div>
	</body>
</html>

二、浮动和定位

一、浮动

1.什么是浮动

浮动可以让多个块标签处于同一行，不用转换为行内元素，宽高以及盒子模型得以保留

浮动是在父级块元素内浮动

使用浮动要在CSS中设置float属性，属性值 lift 是向左浮动，right 是向右浮动

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--浮动可以让多个块标签处于同一行，不用转换为行内元素，宽高以及盒子模型得以保留
			浮动是在父级块元素内浮动
		-->
		<style>
			.outerdiv{
				width: 500px;
				height: 500px;
				border: 1px solid red;
				margin: 0px auto;
			}
			#d1,#d2,#d3{
				width:200px;
				height: 200px;
				/*向右浮动*/
				/*float: right;*/
				/*向左浮动*/
				float: left;
				margin-left: 20px;
				margin-bottom: 20px;
			}
			#d1{
				background-color: yellow;
			}
			#d2{
				background-color: aqua;
			}
			#d3{
				background-color: blue;
			}
		</style>
	</head>
	<body>
		<div class="outerdiv">
			<div id="d1">
				<h1>1</h1>
			</div>
			<div id="d2">
				<h1>1</h1>
			</div>
			<div id="d3">
				<h1>3</h1>
			</div>
		</div>
	</body>
</html>

2.浮动案例——12306广告栏的制作

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.ad_item a img{
				width: 590px;
				height: 160px;
			}
			.ad_item{
				width: 590px;
				height: 160px;
				float: left;
			}
			#ad{
				width:1190px;
				height: 340px;
				margin: 0px auto;
			}
			#d1,#d3{
				margin-right: 10px;
			}
			#d1,#d2{
				margin-bottom: 20px;
			}
		</style>
	</head>
	<body>
		<div id="ad">
			<div id="d1" class="ad_item">
				<a href="https://kyfw.12306.cn/otn/resources/login.html" target="_blank">
					<img src="https://www.12306.cn/index/images/abanner01.jpg" />
				</a>
			</div>
			<div id="d2" class="ad_item">
				<a href="https://exservice.12306.cn/excater/index.html" target="_blank">
					<img src="https://www.12306.cn/index/images/abanner02.jpg" />
				</a>
			</div>
			<div id="d3" class="ad_item">
				<a href="https://kyfw.12306.cn/otn/resources/login.html" target="_blank">
					<img src="https://www.12306.cn/index/images/abanner03.jpg" />
				</a>
			</div>
			<div id="d4" class="ad_item">
				<a href="https://kyfw.12306.cn/otn/resources/login.html" target="_blank">
					<img src="https://www.12306.cn/index/images/abanner04.jpg" />
				</a>
			</div>
		</div>
	</body>
</html>

 二、定位

定位主要有三种，绝对定位，相对定位和相对浏览器窗口定位

1.绝对定位

绝对定位：基于父级标签原点

当位置改变，该位置的坐标原点会被释放，后续的其他标签就可以占用该位置

使用绝对定位要设置position属性值为absolute

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#div1{
				width: 200px;
				height: 200px;
				background-color: yellow;
				/*绝对定位 基于父级标签原点
				 当位置改变，该位置的坐标原点会被释放，后续的其他标签就可以占用该位置
				 */
				position: absolute;
				left: 300px;
				top: 300px;
			}
			#div2{
				width: 200px;
				height: 200px;
				background-color: red;
				position: absolute;
				right: 200px;
				top: 200px;
			}
		</style>
	</head>
	<body>
		<div id="div1">1</div>
		<div id="div2">2</div>
	</body>
</html>

2.相对定位

相对定位：相对于自身原来的位置

当位置改变，不会释放原位置的坐标原点，后续的其他标签不可以占用该位置

使用绝对定位要设置position属性值为 relative

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#div1{
				width: 200px;
				height: 200px;
				background-color: yellow;
				margin-left: 300px;
				margin-top: 300px;
				/*相对定位 相对于自身原来的位置
				 当位置改变，不会释放原位置的坐标原点，后续的其他标签不可以占用该位置
				 */
				position: relative;
				left: 300px;
				top: 300px;
			}
			#div2{
				width: 200px;
				height: 200px;
				background-color: red;
			}
		</style>
	</head>
	<body>
		<div id="div1">1</div>
		<div id="div2">2</div>
	</body>
</html>

3.相对浏览器窗口定位

相对浏览器窗口定位 ：该标签会被固定在浏览器窗口的某一固定位置，不会随窗口的滑动而变化

使用绝对定位要设置position属性值为 fixed

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#div1{
				width: 200px;
				height: 200px;
				background-color: yellow;
				/*相对浏览器窗口定位 
				 * 该标签会被固定在浏览器窗口的固定位置，不会随窗口的滑动而变化
				 */
				position: fixed;
				left: 300px;
				top: 300px;
			}
			#div2{
				width: 200px;
				height: 200px;
				background-color: red;
			}
		</style>
	</head>
	<body>
		<div id="div1">1</div>
		<div id="div2">2</div>
        <!--可以自己多加几个br标签进行测试br*100-->
	</body>
</html>

4.定位案例——12306定位栏

 图片可以自己截

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.note{
				width: 64px;
				height: 472px;
				position: fixed;
				right: 0px;
				top: 264px;
			}
			.note_item1{
				width: 64px;
				height: 108px;
				margin-bottom: 5px;
			}
			.note_item2{
				width: 64px;
				height: 85px;
			}
		</style>
	</head>
	<body>
		<div class="note">
			<div class="note_item1">
				<img src="img/p1.png" />
			</div>
			<div class="note_item1">
				<img src="img/p2.png" />
			</div >
			<div class="note_item1">
				<img src="img/p3.png" />
			</div>
			<div class="note_item2">
				<img src="img/p4.png" />
			</div>
		</div>
		<!--可以自己多加几个br标签进行测试br*100-->
	</body>
</html>

四、列表标签及案例开发——12306介绍栏

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			/*选中body中所有的标签*/
			*{
				padding: 0px;
				margin: 0px;
			}
			.outerintroduce{
				width: 1490px;
				height: 376px;
				margin: 0px auto;;
			}
			.introduce{
				width: 488px;
				height: 374px;
				border: 1px solid #3B99FC;
				float: left;
			}
			.introduce h3{
				height: 50px;
				background-color: #3B99FC;
				text-align: center;
				line-height: 50px;
				color: white;
			}
			.introduce ul{
				margin-left: 60px;
				margin-top: 25px;
				list-style-image: url(img/listtype.png);
			}
			.introduce ul a{
				text-decoration: none;	
				font-size: 18px;
				color: darkslategray;		
			}
			.introduce ul li{
				line-height: 45px;
			}
			.introduce ul a:hover{
				color: black;
			}
			#in1,#in2{
				margin-right: 10px;
			}
			
		</style>
	</head>
	<body>
		<div class="outerintroduce">
			<div class="introduce" id="in1">
				<h3>最新发布</h3>
				<ul>
					<a href="https://www.12306.cn/mormhweb/zxdt/202108/t20210804_34881.html" target="_blank">
						<li>铁路部门推出免费退票措施</li>
					</a>
					<a href="https://www.12306.cn/mormhweb/zxdt/201905/t20190521_22980.html" target="_blank">
						<li>候补购票操作说明</li>
					</a>
					<a href="https://www.12306.cn/mormhweb/zxdt/201411/t20141126_2316.html" target="_blank">
						<li>关于调整互联网、电话购票起售时间的公告</li>
					</a>
					<a href="https://www.12306.cn/mormhweb/logFiles/error.html" target="_blank">
						<li>中国铁路成都局集团有限公司关于2021年10月29...</li>
					</a>
					<a href="https://www.12306.cn/mormhweb/zxdt_news/202110/t20211023_35719.html" target="_blank">
						<li>中国铁路呼和浩特局集团有限公司部分旅客列车停...</li>
					</a>
				</ul>
			</div>
			<div class="introduce" id="in2">
				<h3>常见问题</h3>
				<ul>
					<a href="https://kyfw.12306.cn/otn/gonggao/realNameTicket.html" target="_blank">
						<li>实名制车票</li>
					</a>
					<a href="https://kyfw.12306.cn/otn/gonggao/onlineBooking.html" target="_blank">
						<li>互联网购票</li>
					</a>
					<a href="https://kyfw.12306.cn/otn/gonggao/onlineRefund.html" target="_blank">
						<li>互联网退票</li>
					</a>
					<a href="https://kyfw.12306.cn/otn/gonggao/enterAndExit.html" target="_blank">
						<li>进出站</li>
					</a>
					<a href="https://kyfw.12306.cn/otn/gonggao/sgc.html" target="_blank">
						<li>使用居民身份证直接检票乘车</li>
					</a>
				</ul>
			</div>
			<div class="introduce">
				<h3>常见问题</h3>
				<ul>
					<a href="https://kyfw.12306.cn/otn/gonggao/ticketWindow.html" target="_blank">
						<li>售票窗口购票</li>
					</a>
					<a href="https://kyfw.12306.cn/otn/gonggao/onlineEndorse.html" target="_blank">
						<li>互联网改签、变更到站</li>
					</a>
					<a href="https://kyfw.12306.cn/otn/gonggao/luggage.html" target="_blank">
						<li>随身携带品</li>
					</a>
					<a href="https://kyfw.12306.cn/otn/gonggao/ticketLost.html" target="_blank">
						<li>丢失购票时使用的有效身份证件</li>
					</a>
					<a href="https://kyfw.12306.cn/otn/gonggao/gsgcp.html" target="_blank">
						<li>广深港跨境列车</li>
					</a>
				</ul>
			</div>
		</div>
	</body>
</html>

唯独弹丸
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS的案例
ChengMeng11的博客
03-28 296
1、基本用法： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /* 1.内部样式（并没有实现样式与内部的分离） */ p{ color:red; ...
CSS发展历程&基本属性
qq_45621713的博客
09-15 845
CSS的基础知识@TOC CSS的发展历史 1.CSS的英文 Cascading Style Sheets 层叠样式表 目前CSS只支持：横向或者纵向布局 1.两个人合作发明了CSS 1994年哈肯.维姆莱提出了css的最初建议。伯特波斯当时正在设计一个叫做“Argo”的浏览器，他们决定一起合作设计CSS 2.W3C开始接管CSS 1997年初。W3C内组织了专门管CSS的工作组，其负责人是克里斯...
css 背景效果_软件技术：我写CSS的常用套路(附demo的效果实现与源码）
weixin_39577908的博客
11-20 608
前言本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。1、交错动画有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动不就可以了吗。如何让它们不在同一时刻运动呢？注意到CSS动画有延迟(delay)这一属性。举个栗子，...
CSS入门学习笔记+案例
热门推荐
itboy
06-16 30万+
CSS入门学习 一、CSS简介 1、什么是CSS CSS：Cascading Style Sheet 层叠样式表 是一组样式设置的规则，用于控制页面的外观样式 2、为什么使用CSS 实现内容与样式的分离，便于团队开发 样式复用，便于网站的后期维护 页面的精确控制，让页面更精美 3、CSS作用 页面外观美化 布局和定位 二、基本用法 1、CSS语法 <head> <style> 选择器{ 属性名：属性值; 属性名：属性值; } </style> &l
30个HTML+CSS前端开发案例（四）
终成大师的博客
02-10 3851
30个HTML+CSS前端开发案例（四）
CSS3实战与案例
01-24
最后，CSS3的响应式设计能力是现代网页开发的关键。媒体查询（Media Queries）允许我们根据设备特性（如屏幕尺寸、分辨率等）来调整样式，确保网页在不同设备上都能良好展示。 总的来说，《CSS3实战与案例》这本书...
HTML + CSS 基本案例
08-22
HTML（HyperText Markup Language）和CSS（Cascading Style Sheets）是网页开发的基石，它们共同构建了网页的结构和样式。在这个“HTML + CSS 基本案例”中，我们将探讨这两个关键技术的基础知识和应用。 HTML是...
CSS.rar_CSS案例_ｗｅｂ
09-14
这份名为"CSS.rar"的压缩包文件包含了丰富的WEB开发资料，特别是关于CSS的案例，旨在帮助开发者深入学习和实践CSS。 首先，让我们来探讨一下CSS的基础知识。CSS是一种样式表语言，用于描述HTML或XML（包括如SVG、...
20个CSS3动画实战案例开发
06-18
本套课程，大喵将手把手带着大家上手精选20个纯CSS3动画项目精选案例项目实战，让小伙伴们能够轻松上手，企业公司项目开发过程中遇到的页面动画交互效果需求实现，以及一些更加炫酷创意动画想法的实现，成为一名酷酷...
css资源库及案例
06-25
这个资源库中的"css源库"很可能包含了以上所述的实例代码和更多实际应用案例，通过学习和实践，开发者可以掌握并熟练运用这些CSS技术，提高网页设计和开发的效率。对于初学者来说，这是一个宝贵的参考资料；对于经验...
flex：1
m0_47999208的博客
07-25 252
2.flex-shrink,在flex布局中经常会遇到页面宽度不够而导致的文字换行问题，由于flex布局默认flex-shrink为1,就是默认可以缩小然后会导致换行，需要设置flex-shrink:0,默认不缩小就可以了。上面是120px高，给下面的外盒子高度设置为calc(100% - 120px);答：给外部盒子添加display：flex,内部盒子设置为flex-grow：1。现在有一个上下盒子，上面是固定值，下面是随页面高度变换的，如何让下面盒子的子盒子高度适应外部的高度呢？
CSS实现从上往下过渡效果
Rverdoser的博客
07-18 351
属性改变时（即鼠标悬停时），它会在0.5秒内完成平滑的从上往下移动50像素的变化。要在CSS中实现一个从上往下的过渡效果，你可以使用。类定义了一个方框，并指定了一个过渡效果，使得当。
css性能优化的方法
jht_520的博客
07-21 349
避免使用过多的动画和过渡效果：过多的动画和过渡效果会占用更多的 CPU 和内存资源，降低性能。以上是一些常见的 CSS 性能优化方法，具体的优化策略和技巧还需要根据具体的项目和需求来确定。避免嵌套和选择器冗余：尽量避免使用过多的嵌套和冗余的选择器，这会增加解析和匹配的时间。使用标准字体：使用浏览器默认的字体，而不是使用自定义字体文件，可以减少请求和文件大小。），会消耗更多的性能。避免使用昂贵的选择器：某些选择器，如后代选择器和通用选择器（使用缩写和简写属性：尽量使用简写属性来减少代码量，例如使用。
css 作业 2
没有 bug 的代码是不完美的！
07-25 481
写完了
CSS相关记录
oThrowsException的博客
07-24 625
它接受两个参数，分别表示在X轴和Y轴上的缩放比例。如果指定侧轴大小的属性值为’auto’，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照’min/max-width/height’属性的限制。CSS的transform属性是一个功能强大的工具，允许你对HTML元素应用2D或3D转换效果，包括旋转、缩放、倾斜和移动等。（如果该行的尺寸小于弹性盒子元素的尺寸，则会向两个方向溢出相同的长度）。scaleX()、scaleY()、scaleZ()：这些函数分别用于沿X轴、Y轴和Z轴缩放元素。
智能编程，一触即发：使用AIGC优化CSS——提升前端开发效率与质量
最新发布
程序边界
07-25 931
利用关键帧创建动画使用网格和Flexbox等布局技巧对表单元素进行样式化，包括单选按钮嵌入字体以及与排版相关的样式利用伪元素和媒体查询进行条件样式化Martine Dowden是一位作家、演讲者和能力卓越的首席技术官。Michael Gearon是一位用户体验设计师和前端开发者，曾与许多知名品牌合作过。本书通过12个项目逐步引导设计师和开发者学习CSS。
HOW - CSS 定义颜色值
weixin_58540586的博客
07-22 1203
使用 CSS 提供的预定义颜色名。示例：color: red;/* 红色 *//* 蓝色 *//* 浅灰色 */综合利用这些颜色定义方式，可以根据项目需求选择最合适的颜色表示方法。/* 十六进制颜色 *//* RGB 颜色 *//* HSL 颜色 *//* 预定义颜色名 *//* 透明的 RGBA 颜色 *//* LCH 颜色 *//* Lab 颜色 *//* HWB 颜色 *//* CSS4 颜色模块 */
CSS的常见难见
weixin_62432037的博客
07-24 1017
选择器的优先级是指在多个选择器匹配同一元素时，决定哪个样式生效的规则。优先级越高的选择器，其样式越优先应用。
Programming in the Large CSSE2002
w976j_的博客
07-25 454
❼❼❼SheePComponents❼❼Savingnotnot).TheandSeeSee。
CSS大师进阶：探索CSS3新特性和实战案例
本书不仅仅是技术教程，还包含了两位全球顶级CSS专家的全新案例研究，这些实践案例提供了丰富的学习资源，帮助读者提升设计和开发技能。 值得注意的是，版权方面，所有内容未经版权所有者和出版社事先书面许可，不...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值