CSS初学入门之简介

最新推荐文章于 2023-07-28 10:53:07 发布
最新推荐文章于 2023-07-28 10:53:07 发布
阅读量189 收藏
点赞数
分类专栏： # 前端全栈 文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45618521/article/details/118891488
版权

文章目录

CSS

在这里插入图片描述
精美的网页展现出绚丽的效果

CSS的发展史

在这里插入图片描述

CSS的引入

在这里插入图片描述
在这里插入图片描述
vscode注释html代码的快捷键有3种：
1、直接使用“Ctrl + /”来进行注释；
2、直接使用“Alt + Shift + A”来进行注释；
3、先使用“CTRL+K”，在使用“CTRL+U”来进行注释。
在这里插入图片描述
一般都是三大件分开
在这里插入图片描述
在这里插入图片描述
方便后期的维护
在这里插入图片描述

CSS的基本语法

在这里插入图片描述
在这里插入图片描述
第二行后面应该是text-indent，控制文案的缩进
在这里插入图片描述

总结

一个基本结构，三个注意事项

  • 选择器{样式名：样式值；}

1.分号分割
2.小写
3.逗号分割

CSS的特性

在这里插入图片描述
相同属性定义最后一个生效
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
span inherited from p

空LA
关注
专栏目录
CSS入门内容简介
weixin_58850105的博客
07-14 479
目录 一、什么是CSS 二、CSS语法规则 三、CSS引入方式 1.内部样式表 2.内联样式 3.外部样式 四、CSS选择器 1.基础选择器 1.1标签选择器 1.2类选择器 1.3id选择器 1.4通配符选择器 2.复合选择器 2.1后代选择器 2.2子选择器 2.3并集选择器 2.4伪类选择器 五、CSS中相关属性 1.字体属性 1.1字体家族 1.2字体大小 1.3字体粗细 1.4字体样式 2.文本属性 2.1文本颜色 2.2文本对齐 3.常用尺寸
初学CSS
lovehgw1314的博客
09-22 419
初学CSS 打开浏览器的审查元素，把一个网站的style都删除了就可以看到它的html是怎么写的 CSS ID是不能随便使用的，ID一般是留给JS使用的，一般看到ID都会联想到被JS操作 Google开发者工具 如何调整开发者工具的位置？开发者工具的右上角，点击关闭左边的三个小圆点，dock side可以调整 怎么查看页面的某个元素对应的HTML？右键-检查，或者开发者工具最左边的小箭头 怎么模拟响
css入门学习
山有木兮
06-25 4093
学过前端的人，对HTML语言一定不会感到陌生，因为它是前端设计最基本的工具。然而，随着网站越来越复杂，网站的维护变得越来越重要，对设计师的要求也越来越高。
CSS入门
鼠爷
07-29 408
CSS入门1 CSS入门1.1 初识CSS1.1.1 概述1.1.2 CSS的组成1.2 入门案例1.3 Chrome开发者工具1.4 总结2 基本语法2.1 引入方式2.1.1 内联样式2.1.2 内部样式表2.1.3 外部样式表2.2 关于注释2.3 关于选择器2.2.1 基本选择器1）元素选择器2）类选择器3）ID选择器4）通用选择器2.2.2 属性选择器2.2.3 伪类选择器2.2.4 组合选择器1）后代选择器2）子级选择器3）同级选择器4）相邻选择器2.4 总结3 CSS案例-头条页面3.1 案例
CSS入门学习 —（全基础合集）
最新发布
lerrel1的博客
07-28 1282
CSS ( Cascading Style Sheets，层叠样式表 ），是一种用来为结构化文档（ 如 HTML 文档或 XML 应用 ）添加样式，字体，间距和颜色等的计算机语言
Web前端HTML5 CSS3初学者零基础入门全套学习笔记.zip
05-09
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
css入门入门入门入门
05-23
01_CSS快速入门.mp4可能涵盖了CSS的基础知识，包括选择器的使用、盒模型、浮动和定位，这些都是CSS初学者需要掌握的基础技能。盒模型定义了元素的尺寸，包括内容、内边距、边框和外边距。浮动和定位则是布局中的重要...
Web-前端html+css从入门到精通 228. PostCSS简介与安装.zip
05-23
PostCSS简介与安装"旨在帮助初学者理解并掌握这个现代CSS预处理器的使用。 PostCSS并非一个预处理器，而是一个后处理器，它能够解析CSS代码，应用转换函数，然后输出新的、优化过的CSS。这意味着PostCSS可以支持...
css入门教程之学习网页布局(1)
12-11
在CSS入门教程中，学习网页布局是至关重要的一步。网页布局指的是通过CSS控制网页中各个元素的显示位置，使得整个页面结构清晰、美观且易于阅读。对于初学者来说，可能会误以为布局是创建网页的第一步，实际上，一个...
CSS入门源代码 CSS入门源代码
05-20
这个压缩包文件“CSS入门源代码”提供了一些关于CSS基础和进阶知识的学习资源，主要包括以下几个方面： 1. **CSS选择器**：CSS选择器是用于选取HTML或XML文档中的元素的关键工具。基本选择器包括标签选择器（如`<p>...
CSS入门（全）
qq_43476880的博客
05-08 1621
1、什么是CSS 如何学习 1、CSS是什么 2、CSS怎么用 3、CSS选择器 4、美化网页（文字、阴影、超链接、渐变…） 5、盒子模型 6、浮动 7、定位 8、网页动画（特效效果） 1.1什么是CSS CSS 指层叠样式表 (Cascading Style Sheets) CSS:表现（美化网页） 字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动… 1.2CSS发展史 CSS1.0 CSS2.0 DIV（块）+CSS,HTML与CSS结构分离思想，网页变得简单，SEO
初学css第一讲
java学习
06-08 496
若在本页面中直接使用CSS时，直接用标签。如:   h2{         font-family: "华文行楷";         color:#9933CC;         font-size:48px;         font-weight:bold;      }     p{          font-size:48px;     }     css标记    cs
Html&Css初学（一）
Dawnzk的博客
10-21 151
Html：超文本标记语言(HyperText Markup Language); CSS:层叠样式表(Cascading Style Sheets) 列举一下今天学习的东西叭：（推荐全部使用小写）（HTML参考手册（W3C）） 1 &lt;html&gt;&lt;/html&gt; 用来描述页面的 2 &lt;body&gt;&lt;/body&gt; 在页面上显示的，是文档的主体 3...
《CSS基础入门篇》
m0_66451927的博客
01-26 3181
一、CSS概念 CSS：是Cascading Style Sheets的英文缩写，CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（如文字的字体、大小、对齐方式等）、图片的外形（如宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。 二、CSS样式规则 使用HTML时，需要遵从一定的规范。CSS亦如此，要想熟练地使用CSS对网页进行修饰，
CSS新手应该如何入门（推荐）
最初都是小白
01-25 3935
CSS是一种强大而优美的工具，它的潜力远远超过我们的想象。   大家好，今天给大家带来的是css的知识，近几天我一直再看一本书，名字叫《Eric Meyer 谈 CSS》，按我的理解这本书讲述的是从一开始的没有css的时候到后来怎样一步一步的被广泛使用了 ...
CSS入门 超详细
weixin_55816781的博客
04-12 7852
CSS 一基础认知 1.1：css的介绍 css：层叠样式表 css作用：给页面中的HTML标签设置样式 1.2css语法规则 写在哪里 css写在style标签中，style标签一般写在head标签里面，title标签下面 样式： 选择器{ 属性名:属性值; } 1.3css初体验 常见属性： color：文字颜色 font-size:字体大小 background-color:背景颜色 width:宽度 height：高度 <!DOCTYPE html> <html lang="e
CSS盒子模型
qq_40233402的博客
07-11 626
CSS盒子模型 课程目标 1.常用样式 2.盒子模型 3.CSS3常见效果 盒子模型介绍 引用百度百科 层叠样式表其实就是对静态页面进行装饰，但是，特别要注意的点是：通常建议表现形式与页面内容分离（例如：人就是内容，穿着打扮就是表现形式） 常用样式 基础样式 样式名 描述 text-align 行元素水平方向居中 text-decoration 控制下划线 none没有 underline有 line-hight 行高 font-size
HTML+CSS初学者练习项目1：利用HTML简单标签制作《我的自我介绍》网页
热门推荐
王迪
04-04 3万+
适合初学者练习的HTML项目：制作一个《自我介绍》网页。 需要掌握内容： HTML+CSS第一课：初识HTML-3个步骤创建自己的第一个html网页 HTML+CSS第二课：格式标签、图像标签、链接标签的使用 HTML+CSS第五课：使用Dreamweaver工具制作网页 知识点： HTML文档基本结构、图像标签<img /> 、段落标签<p></p...
【css】选择器
tjy1214的博客
07-27 161
w3c要求html和css是分离的。html和css的分离，css不再影响html的代码阅读，css的复用性高。html和css分离以后，需要通过css选择器进行选择上的关联。 一些选择器： id选择器：#ID名称 例： &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

空LA

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

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

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

打赏作者

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

抵扣说明：

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

余额充值