第四天：css入门

最新推荐文章于 2024-09-23 22:17:25 发布
最新推荐文章于 2024-09-23 22:17:25 发布
阅读量412 收藏 8
点赞数 11
文章标签： css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Devanaya/article/details/135445531
版权
本文分享了作者跟随翁老师的网易云课堂学习CSS3的过程，包括修改列表和表格样式、掌握模框和定位技巧，以及学习样式选择器。作者还提到结合HTML计划制作个人网站。
摘要由CSDN通过智能技术生成

今天把css学完了，翁老师课程链接CSS3 - 网易云课堂 (163.com)

一、首先学习了如何修改列表和表格样式的一些参数

二、然后是模框和定位

三、最后学习了如何设置样式选择器

四、在学完html和css后打算做一个网站，今天做了一点点，明天继续

老鸟学编程
关注
第04天：基础入门-WEB源码拓展1
08-03
4. **WEB源码其他说明**： 开源与未开源的源码安全性有很大差异。开源源码通常有社区支持，安全问题能得到更快修复，但也可能因公开暴露而增加被攻击的风险。非框架和框架应用也有不同风险，框架通常有内置的安全...
CSS网页布局入门教程1：一列固定宽度
10-30
CSS网页布局入门教程1：一列固定宽度知识点总结 一列固定宽度是CSS网页布局的基础，理解了一列固定宽度的概念和实现方法，对于初学者学习CSS网页布局非常重要。本教程将从基本概念开始，逐步进阶到高级知识点，並...
第八课 css入门-011
08-03
4. **导入样式**：使用`@import`规则在HTML或CSS文件中导入样式表。例如，`<style type="text/css">@import url(style.css);</style>`。导入样式通常在页面加载后应用，因此可能会短暂出现无样式显示的情况。 在CSS...
15个必须阅读的CSS入门文章
12-02
本文将根据标题和描述，深入解析15个对于CSS入门至关重要的文章主题，帮助你快速建立起CSS基础。 1. **CSS Reset**：每个浏览器对CSS的默认样式处理不同，CSS Reset的目的是消除这些差异，让你的设计在所有浏览器上...
使用scss覆盖element plus主题
DngYT的博客
09-18 379
在使用Element Plus时，覆盖其默认主题可以通过SCSS变量来实现。Element Plus支持通过修改Sass变量来自定义主题。
CSS | 如何来避免 FOUC(无样式内容闪烁)现象的发生?
青春木鱼的博客
09-23 740
‌FOUC（Flash of Unstyled Content）是指网页在加载过程中，由于CSS样式加载延迟或加载顺序不当，导致页面出现闪烁或呈现出未样式化的内容的现象。‌这种现象通常发生在HTML内容已经加载，但CSS样式表尚未加载或加载顺序不正确时，导致页面短暂地以无样式状态显示，随后样式表加载完成，页面才呈现出预期的样式。这种用户体验不佳的现象，即被称为FOUC。总之，FOUC 是一种常见的 Web 开发问题，可以采取内嵌样式表、预加载样式表、延迟加载样式表、使用样式表框架或者使用样式表链接的 med
使用HTML和CSS制作网页的全面指南
weidl001的博客
09-14 1523
HTML（超文本标记语言）是构建网页的基础语言。它用于定义网页的结构和内容。通过使用不同的标签（tags），我们可以告诉浏览器如何显示文本、图像、链接等。CSS（层叠样式表）用于控制网页的外观和布局。它可以设置文本的颜色、字体、背景、边距等，使网页更加美观和用户友好。通过以上步骤，我们已经了解了如何使用HTML和CSS创建一个简单但完整的网页。主题要点HTML基础了解HTML的结构和常用标签CSS基础理解CSS的语法、选择器和常用属性网页制作步骤规划布局 -> 编写HTML -> 添加CSS实践技巧。
【Webpack--012】提取单独的CSS文件&压缩CSS文件
m0_61486963的博客
09-20 854
提取单独的CSS文件和压缩CSS文件
CSS中的多种关系选择器
m0_74742670的博客
09-20 433
选择进更E元素后的F元素，用+号来表示，选择相邻的第一个兄弟元素。选择E元素之后的所有兄弟元素F，用~符号表示。子元素F，对更深一层的元素不起作用，用>符号表示。选择所有被E元素包含的F元素，中间用空格隔开。选择所有作为E元素的。
CSS的背景属性
m0_74742670的博客
09-20 512
元素的背景是元素的总大小，包括填充和边界（不包括外边距）默认情况下background-image属性放置在元素的左上角，如果图像不够大的话会在垂直和水平方向平铺图像，如果图像大小超过元素大小，从图像的左上角显示元素的那部分。percenbtage: 设置计算新颖位置区域的百分比，第一个为宽，第二个值为高，如果只设置一个值，则另一个值为auto。length: 设置背景图片的宽度和高度，第一个值为宽度，第二个值为高度，如果只设置一个值，则另一个值为auto。设置背景图像的起始位置，器默认值为0%，0%
网页通知设计灵感：CSS 和 JS 的 8 大创意实现
m0_45522371的博客
09-17 882
网页通知如今已成为电商、社交平台等网站的常见功能，它们不仅传递重要信息，还能提升用户体验。随着设计的不断进化，通知界面已不再是单纯的功能展示，而是集视觉效果与交互体验于一体的设计元素。本文整理了 8 款基于 CSS 和 JavaScript 的创意通知界面，带你探索通知 UI 的无限可能。通知系统已经成为现代网站不可或缺的一部分。通过 CSS 和 JavaScript，你不仅可以轻松实现通知功能，还能通过创意设计打造独特的用户体验。无论是为了实用还是视觉效果，这些通知 UI 代码片段都值得一试。
实现HTML两栏布局
weixin_45596561的博客
09-23 65
是一个弹性单位，代表“分数”，它会根据剩余空间的比例来分配宽度。：表示第二列会占据剩余的所有空间。浮动 + margin。
uniapp map使用非CSS 定位和固定高度来设置，避免拉伸父容器的高度
GoppViper的博客
09-23 584
注意，在上述方法中，你可能需要根据实际情况调整计算高度的方式以及选择合适的时机来设置 map 的高度。同时，确保你的页面结构和 ID 选择器正确匹配实际的页面元素。// 可以根据具体需求调整计算方式，这里假设减去一些固定高度作为 map 的高度。// 这里可以使用 this.mapHeight 来设置 map 的高度。希望本文对你有所帮助！如果你有任何问题或建议，欢迎在评论区留言。// 根据计算后的高度更新 map 的样式。/* 可以根据需要添加一些通用样式 */
初级css+初级选择器
qq_53256193的博客
09-20 616
这是一段文本
html/css怎么禁用浏览器自动填写
生而为人我很抱歉
09-23 78
【代码】html/css怎么禁用浏览器自动填写。
CSS文档流以及脱离文档流的方法
m0_74742670的博客
09-22 263
脱离文档流之后，元素相当于在页面上增加了一个浮层来放置内容，此时可以理解为由两层页面，底层是原页面，上层是脱离文档流的页面。注意： 设置定位之后，相对定位和绝对定位他是相对于具有定位的父级元素进行位置调整，如果父级元素不存在定位，则继续向上逐级寻找，直到顶层文档。设置元素的堆叠顺序，拥有跟高堆叠顺序的元素总是处于堆叠顺数较低的元素前面。当元素设置float浮动后，该元素就会脱离文档流并向左/向右浮动。float属性定义了元素浮动的方向，任何元素都可以浮动。浮动元素会造成父元素高度塌陷，后续元素会受到影响。
内部css应该放在HTML什么位置
最新发布
C'mon的博客
09-23 143
内部CSS（也称为嵌入式CSS）通常放置在HTML文档的部分内的标签中。以下是一个典型的HTML文档结构，展示了如何在部分内使用
CSS的字体属性
m0_74742670的博客
09-19 412
100~900： 定义由细到粗，400等同于默认，700等同于bold。lighter: 定义更细的字符。设置文本的字体大小（单位px)bolder: 定义更粗的字符。font-weight属性。bold: 定义粗体文字。italic: 定义斜体。normal:默认粗细。normal: 默认值。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值