网易首页 > 网易号 > 正文 申请入驻

前端开发基础篇之css样式编写

0
分享至


内部样式表

作为前端课程中的重要技术课程CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

CSS

• 层叠样式表 (Cascading Style Sheets)

• css可以用来为网页创建样式表,通过样式 表可以对网页进行装饰。

• 所谓层叠,可以将整个网页想象成是一层 一层的结构,层次高的将会覆盖层次低的。

• 而css就可以分别为网页的各个层次设置样 式。


基本语法

• CSS的样式表由一个一个的样式构成,一个 样式又由选择器和声明块构成。

• 语法: – 选择器 {样式名:样式值;样式名:样式值; } – p {color:red; font-size:12px;}
行内样式

• 可以直接将样式写到标签内部的style属性 中,这种样式不用填写选择器,直接编写 声明即可。
• 这种方式编写简单,定位准确。但是由于 直接将css代码写到了html标签的内部,导 致结构与表现耦合,同时导致样式不能够 复用,所以这种方式我们不使用。

• 可以直接将样式写到标签中。
• 这样使css独立于html代码,而且可以同时为 多个元素设置样式,这是我们使用得比较多的 一种方式。

• 但是这种方式,样式只能在一个页面中使用, 不能在多个页面中重复使用。

特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

相关推荐
热点推荐
“老舅妈”嫩娘逝世 享年100岁

“老舅妈”嫩娘逝世 享年100岁

看看新闻Knews
2026-03-06 12:54:03
阿森纳小将足总杯遭“停赛杀”!只因前两场太“吃牌”

阿森纳小将足总杯遭“停赛杀”!只因前两场太“吃牌”

仰卧撑FTUer
2026-03-07 08:10:03
炸药车司机41万买紫金矿业,持有13年赚超500万,守出稳稳财富

炸药车司机41万买紫金矿业,持有13年赚超500万,守出稳稳财富

真实人物采访
2026-03-07 07:50:03
费塞特称郑钦文志在实现大满贯和世界第一目标,一姐首秀对手确定

费塞特称郑钦文志在实现大满贯和世界第一目标,一姐首秀对手确定

网球之家
2026-03-07 00:08:01
内蒙古一女童被继父搂抱亲吻,女童母亲“只是一家人拍着玩”?

内蒙古一女童被继父搂抱亲吻,女童母亲“只是一家人拍着玩”?

新民周刊
2026-02-25 19:18:14
泽连斯基威胁北约国家领导人,公布你家地址,让乌军士兵去找你!

泽连斯基威胁北约国家领导人,公布你家地址,让乌军士兵去找你!

三石记
2026-03-07 05:52:29
孔帕尼:现在轮到雅克松展现自己了;一直在冷静保护穆西亚拉

孔帕尼:现在轮到雅克松展现自己了;一直在冷静保护穆西亚拉

懂球帝
2026-03-07 07:53:06
中兴通讯:拟使用不超过 400亿元自有资金进行 委托理财

中兴通讯:拟使用不超过 400亿元自有资金进行 委托理财

每日经济新闻
2026-03-06 23:28:26
西方至今想不通:凭什么秦始皇死了2000年,中国还在他的布局里?

西方至今想不通:凭什么秦始皇死了2000年,中国还在他的布局里?

掠影后有感
2026-03-05 10:31:38
德国人日常三餐曝光!6个习惯让人不去医院,国人看完沉默了?

德国人日常三餐曝光!6个习惯让人不去医院,国人看完沉默了?

路医生健康科普
2026-03-04 12:30:03
活了30年才知道,不是东西难用,是你一直用错了!

活了30年才知道,不是东西难用,是你一直用错了!

室内设计师有料儿
2026-02-27 18:32:03
买前白月光,买后真垃圾!这6个家居物品,坑了太多人!

买前白月光,买后真垃圾!这6个家居物品,坑了太多人!

室内设计师有料儿
2026-02-24 15:06:49
退休后,帮儿子还房贷带孩子,儿媳叫我腾房,我二话不说笑着离开

退休后,帮儿子还房贷带孩子,儿媳叫我腾房,我二话不说笑着离开

言言说
2026-03-05 22:10:06
美媒感慨:若不是中国还在反抗特朗普,几乎全世界都向他投降了

美媒感慨:若不是中国还在反抗特朗普,几乎全世界都向他投降了

悦心知足
2026-02-21 23:03:46
不会用AI的人被淘汰?其实,现在大多数人根本没必要拼命学AI

不会用AI的人被淘汰?其实,现在大多数人根本没必要拼命学AI

老方
2026-03-06 10:12:59
原来有这么多不体面但挣钱的小生意!原来都是闷声发大财啊!

原来有这么多不体面但挣钱的小生意!原来都是闷声发大财啊!

另子维爱读史
2025-12-06 22:09:07
全英赛第5日:国羽6胜3负!男单团灭,陈雨菲王祉怡决战日韩一姐

全英赛第5日:国羽6胜3负!男单团灭,陈雨菲王祉怡决战日韩一姐

钉钉陌上花开
2026-03-07 07:01:52
女足亚洲杯最新!8强定2席,首支出局队锁定,中国进四强条件曝光

女足亚洲杯最新!8强定2席,首支出局队锁定,中国进四强条件曝光

青橘罐头
2026-03-07 07:27:32
比亚迪再扔王炸,DM6.0横空出世,燃油车这次真要凉了?

比亚迪再扔王炸,DM6.0横空出世,燃油车这次真要凉了?

老特有话说
2026-03-06 16:03:17
46岁女星拍短剧东北话:老爽了,似回TVB时代

46岁女星拍短剧东北话:老爽了,似回TVB时代

枫尘余往逝
2026-03-06 07:08:03
2026-03-07 08:23:02
IT爱好者小尚
IT爱好者小尚
分享IT教育类信息
630文章数 55关注度
往期回顾 全部

科技要闻

OpenClaw爆火,六位"养虾人"自述与AI共生

头条要闻

伊朗大规模发射新一代导弹 摧毁美军大量设施、装备

头条要闻

伊朗大规模发射新一代导弹 摧毁美军大量设施、装备

体育要闻

跑了24年,他终于成为英超“最长的河”

娱乐要闻

周杰伦社交媒体晒昆凌,夫妻感情稳定

财经要闻

关于经济、股市等,五部门都说了啥?

汽车要闻

逃离ICU,上汽通用“止血”企稳

态度原创

本地
家居
艺术
公开课
军事航空

本地新闻

食味印象|一口入魂!康乐烤肉串起千年丝路香

家居要闻

暖棕撞色 轻法奶油风

艺术要闻

陈独秀写给青年毛泽东的对联,一语双关,陈氏书法“天花板”!

公开课

李玫瑾:为什么性格比能力更重要?

军事要闻

伊朗:使用无人机击中美军"林肯"号航母

无障碍浏览 进入关怀版