[HTML]Web前端开发技术8（HTML5、CSS3、JavaScript ）CSS样式属性,withborder,italic | oblique,indent,padding,——喵喵画网页

最新推荐文章于 2025-11-28 10:25:57 发布
最新推荐文章于 2025-11-28 10:25:57 发布
阅读量2.4k 收藏 124
点赞数 143
CC 4.0 BY-SA版权
分类专栏： 喵喵画网页 文章标签： 前端 html css 计算机学习 网页制作 html5 css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ormstq/article/details/134906219
本文详细介绍了CSS中的字体样式，包括`font-size`、`font-style`、`font-family`、`font-variant`和`font-weight`等属性。同时，还讲解了文本样式如`text-align`、`text-decoration`和`text-indent`等。通过实例展示了如何应用这些样式到网页标题和段落，以及理解盒子模型中`border`、`margin`和`padding`的用法。

希望你开心，希望你健康，希望你幸福，希望你点赞！

最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！

喵喵喵，你对我真的很重要！

目录

前言

CSS属性值中的单位

CSS字体样式

font-size设置字号

字体样式font-style属性

字体系列font-family属性

字体变体font-variant属性

字体粗细font-weight属性

字体font属性

CSS文本样式

文本对齐text-align

文本装饰text-decoration

文本缩进text-indent

首字下沉

overflow

课后练习

网页标题：margin的应用

网页标题：padding的应用

注意盒子模型中border margin padding 的用法。

总结

前言

熟悉 CSS 样式设置中常用的单位。
掌握控制 文字、文本、背景、颜色、列表 等样式的属性及设置方法。
          理解 CSS 盒子模型 。
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Web前端开发技术——HTML5、CSS3、JavaScript
2301_79690805的博客
04-22 2097
Web前端开发技术——HTML5、CSS3、JavaScript
前端html、css、JavaScript---硬核知识汇总
cat_vc的博客
09-15 1702
前端HTML篇 硬核！一篇文章教你阅遍前端html、css、JavaScript。 声明：本篇文章只是一个刚开始学习后端开发的菜鸟汇总完成的 JavaWeb学习前导html篇，所以专业性肯定不如前端人员，但用于学习后端开发足够了，刚接触html的童鞋拿来快速了解html也是很nice的。
前端三剑客HTML CSS JS教案（理论+代码+效果图）
刘鑫磊
11-11 2306
前端三剑客HTML CSS JS
个人前端学习笔记 html5+css（保持更新）
qq_43769855的博客
07-07 989
个人前端学习知识（html5+css）
HTML5CSS3知识点总结（一）
qq_63778549的博客
12-20 914
DAY01-HTML基础 DAY02-表单和CSS基础 DAY03-CSS选择器和属性 DAY04CSS常用属性 DAY05CSS核心属性 DAY06页面书写 DAY07元素类型和文本溢出现实省略号
【学习笔记】前端三件套——HTML和CSS
ubanXia的博客
08-02 2340
它们是两种编程语言，一般情况下它们需要搭配使用，是作为网站开发的基础语言，网站的编程语言。
Web前端开发技术 第7-12章
1二三
06-23 3433
Web前端开发技术复习笔记
HTML5和CSS3核心笔记
oNew_Lifeo的博客
04-25 658
目录 第一章：HTML基础 第二章：CSS基础 第三章、CSS核心元素 第四章、盒模型和文本溢出 第五章、元素类型 第六章、定位锚点 第七章、图片整合 第八章、宽髙自适应 第九章、浏览器兼容 第十章、表格表单高级 第十一章、HTML5新增标签 第十二章、CSS3选择器和新增属性 第十三章、2D和3D效果 第十四章、弹性盒和媒体查询 第十五章、移动端布局 第一章：HTML基础 一、HTML常用标...
史上最详细的前端HTML、CSS笔记
laoxiaa的博客
07-31 1865
史上最详细的前端HTML、CSS笔记（根据尚硅谷前端视频编写，看这一篇就够了）
前端web开发——CSS属性
2401_87581497的博客
07-10 511
本文生动介绍了CSS四大核心属性：字体属性（color、font-family等）控制文本样式；背景属性（background-image等）设置元素背景效果；文本属性（text-align等）调整排版与装饰；表格属性（border-collapse等）优化数据展示。通过具体代码示例和实用技巧，展现了如何运用这些属性实现网页元素的精准控制。全文采用拟人化表达，将CSS属性比作舞台角色，使技术概念更易理解。
web开发基础(html+CSS)
廿一
07-26 692
前言：此系列文章内容主要来自于河北师范大学软件学院大一下学期web开发一课程，谢谢！ 第一篇 Web开发基础（小白的web入门，概念）内含练习题 第二篇 Web开发基础（Html语言 表格 表单 列表 链接） 第三篇 web开发基础（CSS基本样式修饰） 第四篇 Web开发基础（CSS盒子模型） 第五篇 Web开发（网页布局） ...
《从0到1：HTML+CSS快速上手》
qq_39323321的博客
01-08 2949
HTML的基本结构，从中我们可以看出，一个页面是由4个部分组成的。html标签对：。head标签对：。body标签对：。大多数静态页面都是由以下4种元素组成的。
01.HTML和CSS基础知识总结（内附思维导图）
weixin_67140731的博客
04-02 1310
前端HTML和CSS基础知识总结，内附思维导图和开发软件的快捷键
我用Gemini3pro 造了个手控全息太阳系
乐于分享，共同成长
11-28 66
摘要：作者开发了一个基于Web的沉浸式3D太阳系互动项目，通过Three.js实现逼真的天体渲染，并集成MediaPipe手势识别技术，用户只需摄像头即可用手势控制太阳系模型。核心功能包括：真实轨道和自转动画、UnrealBloomPass辉光特效、左手捏合缩放、右手食指控制旋转。技术栈采用Three.js、MediaPipe Hands和Vite，实现了突破传统输入方式的创新交互体验。项目展示了前端技术与AI视觉结合的潜力，代码已开源供体验。
前端在移动端中的页面切换
2509_93939582的博客
11-28 537
记得加硬件加速，用transform和opacity属性，别动不动改布局属性（比如width或height），那样容易引发重排重绘，卡成幻灯片。不过，SPA也不是万能药，它初次加载可能慢点，得靠代码分割和懒加载来优化——比如把不常用的模块拆开，等用户需要时再加载，这样既省资源又提速。还有，别忘了图片和视频的懒加载：页面切换时，先加载核心内容，图片等可视区域再加载，这样首屏能秒开。另外，内存管理也得注意，SPA容易内存泄漏，切换页面时记得清理事件监听器和定时器，不然用久了手机会变卡。
【前端】SVGA报错：[SVGA Parser Error] this parser only support version@2 of SVGA.
karshey的博客
11-27 376
摘要：在使用svga库解析SVGA文件时遇到版本不兼容报错，提示仅支持版本2。通过查看源码发现，该库通过检查文件头4个字节是否为特定值(80,75,3,4)来判断版本，不符合则为版本2。当前遇到的SVGA文件被识别为版本1导致报错。由于是官方库限制，建议更换SVGA文件链接而非修改代码解决。
springBoot 2.x.x MetaObjectHandler自动填充不生效
Billow_lamb的博客
11-27 217
这个文件在全局拦截中做处理 通过前端的请求头里面去解析token信息 然后去redis 的key的匹配前端的token 在通过redis去解析 拿到 当前登录用户信息。MetaObjectHandler自动填充不生效 踩空日记。企鹅群 398913416。
前端跨域解决方案
2509_93942660的博客
11-28 518
如果涉及带凭证的请求，比如cookie，还得加Access-Control-Allow-Credentials: true，并且Origin不能是通配符。原理很简单，前端请求发给同域的代理，代理再转发给目标服务器，绕过浏览器限制。比如，你页面里嵌了个第三方iframe，想和它通信，就可以用window.postMessage发消息，对方用message事件接收。JSONP适合老项目，CORS是首选标准，代理在开发时好用，WebSocket专攻实时，postMessage处理iframe问题。
酷秒神马 9.0 版源码系统实测
最新发布
2501_93715493的博客
11-28 501
核心技术升级诚意满满：播放器搭载 FFmpeg 6.1 内核 + ExoPlayer 2.21.0 双引擎，全面支持 4K HDR 10 + 解码和 Dolby Vision 视觉技术，配合智能码率适配（ABR）算法，能根据网络波动自动切换 2K/4K 画质，50Mbps 带宽下 4K 视频加载延迟低于 800ms，卡顿率直降 50%。新增的 P2P 加速传输模块，让热门影片播放时服务器带宽占用减少 40%，低配服务器也能稳定支撑千人同时在线。注：学习交流专用，使用遇到的问题与本人、分享者无关。
评论 100
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

猫佛佛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值