小白CSS样式日常用法

最新推荐文章于 2024-09-14 08:09:14 发布

zmjzv19

最新推荐文章于 2024-09-14 08:09:14 发布

阅读量98

点赞数

文章标签： css 前端 html

本文链接：https://blog.csdn.net/zmjzv19/article/details/125979679

版权

CSS常用格式

CSS常用格式有三种

1. 行内式：直接写在开始标签内的格式


		<div style=""> </div>

2.内链式：写在head标签内


```css
<head>
		<meta charset="utf-8">
		<title></title>
		
		<style>
			div{
				
			}
		</style>
		
	</head>

3.外链式：写在CSS文件中

<div>{
	
		}</div>

在一边情况下优先级为：

行内式>内链式>外链式

常用基本选择器

通配符选择器：*{ }

标签选择器：标签名{ }

类名选择器：.类名{ }

id选择器： #id{ }

以上四种选择器优先级：

id 选择器>类名选择器>标签选择器>通配符选择器

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zmjzv19

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

CSS 三种样式

天空之外

08-21

3028

本节我们要学习一下 CSS 样式的几种形式，在实际应用中向 HTML 中引入 CSS 样式的方法有三种，分别是行内样式、内部样式、外部样式。我们会依次学习这三种方式的优缺点以及应用场景，本节我们先来讲一下行内样式。什么是行内样式行内样式，其实从它的名字就可以看出来它的特点，就是直接在 HTML 标签中使用 style 属性设置 CSS 样式。例如像下面这样的： <p style="font-size: 18px;">行内样式</p> HTML 中的 style 属性提供了一种改

CSS样式基础

QQ_411747148的博客

11-21

1284

目录 CSS初识引入CSS样式表（书写位置） : 内部样式表 : 行内式 (内联样式) : 外部样式表(外链式) 三种样式表总结（位置） CSS样式规则选择器(重点） CSS初识 CSS(Cascading Style Sheets) 美化样式 CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、...

参与评论您还未登录，请先登录后发表或查看评论

学习CSS行内样式

2401_84091502的博客

04-22

506

你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。我特地针对初学者整理一套前端学习资料，免费分享给大家，戳这里即可免费领取而已，没啥难的，所以就是『会的不难』。我特地针对初学者整理一套前端学习资料，免费分享给大家，戳这里即可免费领取。

css样式辅助网站

2401_84097658的博客

05-05

326

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！

CSS样式操作大全——基本语法篇

2301_78850344的博客

05-10

559

Next项目中添加CSS样式

dongwei666的博客

01-03

872

刚接触Next，发现写单独的.css文件引入页面不生效，也不能像vue文件一样写style，网上关于Next的介绍又比较少，最后只能从Next官网找突破口。下面就介绍下在Next中添加CSS样式的几种方法。

【大数据平台开发】【Web前端】003CSS样式

qq_44928822的博客

03-31

180

【Web前端】003CSS样式

CSS样式表

dgvesrhetd的博客

07-23

325

CSS样式表一、定义 CSS Cascading Style Sheets层叠样式表，定义如何显示HTML元素（长宽高、颜色、间距、背景等展示效果）二、基本语法 p {//选择器 color: red;//属性：值 font-size: 14px;//属性：值 } 选择器：声明哪个元素采用这个样式表，选择器可以是标签、class、id和属性属性：样式属性值：属性对应的值三、选择器分类 1、上下文选择器（派生选择器）通过依据元素在其位置的上下文关系来定义样式。分类：后代选择器 tr td

CSS样式类别及其简单用法

KBQNDF的博客

09-23

144

个人感觉CSS样式在web还是很有用的，无论是文字还是以后的页面布局都有帮助。 1、内联样式(学习可以用，工作中不要使用) <标签名 style="样式名:样式值;样式名2:样式值2;"> 2、内部式：选择器:样式块选择器:{ 样式名:样式值; ...

vue 之 css module的使用方法

12-01

最近学习webpack看到了一个新鲜的东西，之前都是通过scoped来区别类名，秉着任何时候学习都不晚的心情，作为小白的我也想揭揭css module的神秘面纱。 css module目的为所有类名重新生成类名，有效避开了css权重和...

CSS样式-文字篇

m0_50555031的博客

05-20

420

介绍CSS种的文字样式

微信小程序全局css,[微信小程序之小白教程系列] 微信小程序 -- 样式（WXSS）

weixin_33098963的博客

08-04

1820

问题来了？既然如此，我们为何还要写这篇文章？答案只有一个，让你更快的“易懂”，换换思路，接下来的文章会对官方文档做一个段落类的解释。为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比，WXSS 扩展的特性有：尺寸单位和样式导入。补充：关于扩展的特性我们下面会说，既然文档说了WXSS具有CSS 大部分...

Layout 布局组件快速搭建

赵士杰——成功并非一蹴而就，而是在持之以恒的努力中逐渐实现。

09-13

1319

Layout 布局组件快速搭建： 1. 设置主题样式变量 2. 封装公共布局组件 3. 经典布局 4. 水平布局 5. 响应式布局 6. 搭建 Layout 布局组件 7. 添加 Layout 路由配置 8. 启动项目

HTML、CSS实现树状图

p_s_p的博客

09-09

631

【代码】HTML、CSS实现树状图。

使用HTML和CSS制作网页的全面指南

最新发布

weidl001的博客

09-14

1150

HTML（超文本标记语言）是构建网页的基础语言。它用于定义网页的结构和内容。通过使用不同的标签（tags），我们可以告诉浏览器如何显示文本、图像、链接等。CSS（层叠样式表）用于控制网页的外观和布局。它可以设置文本的颜色、字体、背景、边距等，使网页更加美观和用户友好。通过以上步骤，我们已经了解了如何使用HTML和CSS创建一个简单但完整的网页。主题要点HTML基础了解HTML的结构和常用标签CSS基础理解CSS的语法、选择器和常用属性网页制作步骤规划布局 -> 编写HTML -> 添加CSS实践技巧。

CSS 图片廊：打造精美视觉体验

wjs2024的博客

09-13

563

使用CSS创建图片廊是一个简单而有效的方法，可以提升网页的视觉效果和用户体验。通过本文的介绍，相信你已经掌握了如何使用CSS来打造一个精美的图片廊。在实际开发中，你可以根据自己的需求进行调整和优化，以创建出更加出色的图片廊效果。

CSS框架 Tailwind CSS

专研技术的大学生

09-11

776

在项目中如何集成Tailwind Css框架

如何利用 CSS 渐变实现多样化背景效果

weixin_63625059的博客

09-10

942

总在平常看到像这样的图片背景是如何实现的呢背景效果的多样性和美观性直接影响用户体验。CSS 渐变为设计师提供了一种强大且灵活的方法来创建引人注目的背景。渐变是颜色之间平滑过渡的效果，通过调整渐变类型和设置，你可以轻松实现从简单到复杂的各种背景效果。在日常开发中有很多需要用到渐变的地方，这片文章来总结一下来看MDN是如何说的CSS 渐变由 [] 数据类型表示，它是 [] 的一种特殊类型，由两种或多种颜色之间的渐变过渡构成。

HTML与CSS基础：样式设置与选择器解析

本文将介绍HTML及CSS的一些基本概念和用法。（一）内联样式在HTML中，可以通过在元素内部添加`<style>`标签来定义内联CSS。例如： ```html <style type="text/css"> mm {background-color:red;} ``` 这段代码会...