当前位置：网站首页 > 技术文章 > 正文

web前端基础之css入门

myzbx 2025-01-15 15:51 40 浏览

#怎么才能让自己变优秀#

css入门：

css定义：cascading style sheets

css作用：修饰美化页面

css引入方式分为3种：

内部样式：在head里用style标签来写
内联样式：直接在标签里用style来写
外部样式：在css文件来写用link来引入（<link rel="stylesheet" href="css/style.css" />）

标签选择器：

标签选择器：可以选出所有相同的标签。

特点：不能差异化选择

div{color:green;}

类选择器：

可以选一个或者多个标签。

特点：根据需求选择

HTML文件中：<p class="nav">类选择器</p>

css文件中：.nav{color:red;}

样式点定义结构类调用一个或多个开发最常用

ID选择器:

一次只能选择一个标签。

特点：每个HTML文档中的ID是唯一的，只出现一次。

HTML文件中：<p id="nav1">ID选择器</p>

css文件中：#nav1{color：red;}

样式#定义结构ID调用只能调用一次别人勿使用

总结：

CSS 基础教程

上一篇：2小时整理了18个Excel快捷键，可直接套用，收藏备用吧
下一篇：Java基础教程:k8s快速入门

相关推荐

首次被击毁!低调但先进的S-350，为何活得比韩国仿版差这么多?: 【军武次位面】作者：乐乐2月18日，乌克兰军方网站发布了其前线炮兵侦察旅，在顿涅茨克地区攻击俄军S-350防空系统的现场视频。这也是这款地位独特的先进防空系统，第一次确认在战场上被摧毁——考虑到近三年...

Windows 10 LTSC 2021 vs 2019:哪个更适合你?: 本内容来源于@什么值得买APP，观点仅代表作者本人｜作者：闪电神龙微软近日发布了2024年11月份ISO镜像，包括Windows1124H2、Windows1022H2以及Server2025...

叛变投敌?俄军最先进隐身无人机S-70，在乌东上空被苏-57击落!: 【军武次位面】作者：天狼2024年10月5日，乌克兰东部战区传来一条令人震惊的消息：一架俄罗斯最先进的隐身无人机S-70“猎人-B”在乌东上空被击落，令人意外的是，击落它的竟然是俄罗斯自己的战斗机。这...

自动驾驶车祸致1死1伤!特斯拉被判赔偿2.43亿美元: 当地时间8月1日，美国佛罗里达州一个陪审团裁定，美国电动汽车制造商特斯拉应为2019年一辆配备自动驾驶系统的ModelS所致的致命车祸承担部分责任，并判令该公司向一名遇难女性的家属及一名伤者支付约2...

HP488DZ 无绳电锤钻(18V)牧田DTD156SFJ: HP488DZ无绳电锤钻（18V）牧田DTD156SFJHP488DZ无绳电锤钻（18V）HP488DZ特征HP488D是一款基于HP457D开发的无绳电锤，采用18V锂离子电池供电。其...

FJK-SJRFPZS防爆阀位行程开关级: 解答常见误区在工业自动化和安全控制领域，FJK-SJRFPZS防爆阀位行程开关等级是一个关乎设备安全与运行效率的重要参数。许多用户在选择和应用这类开关时，可能对其等级分类存在一些误解。本文将通过通俗易...

China's PLA aerobatic team to perform in Thailand for 50th anniversary of bilateral diplomatic ties: TIANJIN,March2(Xinhua)--TheBayiAerobaticTeamoftheChinesePeople'sLiberationArmy(PLA)A...

JD.com Enters Travel and Hospitality With Supply Chain-Focused Strategy: TMTPOST--JD.comhasofficiallythrownitshatintoChina’sfiercelycompetitivetravelandhospita...

JD.com Drives Robotics Funding Frenzy With Investments in LimX Dynamics, Spirit AI, and EngineAI: TMTPOST--JD.comisdoublingdownonembodiedintelligence,catalyzinganewwaveoffundinginChi...

JD.com opens first JD Mall in Beijing, steps up offline retail push: bySongJiananJD.comhaslauncheditsfirstJDMALLinBeijing,expandingitsofflineretailfootpr...

JD.com's food delivery fleet tops 120,000 full-time riders: JD.com'sfull-timefooddeliveryfleethassurpassed120,000ridersandisexpectedtoexceed150,00...

China willing to share military equipment achievements with friendly countries: defense ministry: BEIJING,July8(Xinhua)--Chinahasalwaystakenaprudent,responsibleapproachtomilitaryexpor...

FJK-SJRFPZS防爆阀位行程开关等级: 解答常见误区在工业自动化和安全控制领域，FJK-SJRFPZS防爆阀位行程开关等级是一个关乎设备安全与运行效率的重要参数。许多用户在选择和应用这类开关时，可能对其等级分类存在一些误解。本文将通过通俗易...

JD's 618 Festival Smashes Records as AI Powers Next-Gen Retail Engine: AsianFin–JD.com’s2025“618ShoppingFestival”wrappedupwithrecord-breakingmomentum,drivenby...

JD’s Food Delivery Blitz Shakes Meituan as Founder Wang Xing Vows to Win at All Costs: Credit:CFPAsianFin--JD.comInc.isturninguptheheatinChina'sfooddeliverywars,andfounder...

一周热门

最近发表

首页
收录
顶部