CSS（一）简介

最新推荐文章于 2024-02-27 16:22:56 发布
最新推荐文章于 2024-02-27 16:22:56 发布
阅读量65 收藏
点赞数 1
分类专栏： CSS Python全栈 文章标签： css html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_48978908/article/details/120584016
版权

什么是CSS

  • 大名：Cascading Style Sheets
  • 寓意：层叠 样式 列表

CSS的作用

  • 结构与样式分离的方式，便于后期维护与改版
  • 可以用多套样式，使网页有任意样式切换的效果
  • 使页面载入得更快、降低服务器的成本

CSS样式文件结构

在这里插入图片描述
在这里插入图片描述

使用内部样式表创建一个Demo

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Document</title>
	<style type="text/css">
		p{
			background-color: red;
			font-size: 40px;
		}
	</style>
</head>
<body>
	<p>https://www.baidu.com</p>
	<p>百度</p>
	jaodsjfinovajdoifhogjaoisdjfioad骄傲ID房价回购
	瓦尔哦啊哦安东覅好IG阿道夫
	
</body>
</html>

在这里插入图片描述

Insane_Loafer
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSSinJS简介
03-01
HTML语言：负责网页的结构，又称语义层CSS语言：负责网页的样式，又称视觉层JavaScript语言：负责网页的逻辑和交互，又称逻辑层或交互层简单说，就是一句话，不要写”行内样式”（inlinestyle）和”行内脚本”...
CSS 简介
枯寂家博客
12-25 2200
1、CSS的概述 CSS的主要使用场景就是美化网页，布局页面的。 2.HTML和CSS的不同 2.1HTML的局限性 HTML只关注内容的语义，比如<h1>表明这是一个大标题，<p>表面这是一个段落，<img>表面这有一个图片，<a>表示此次有链接。很早的时候，世界上的网站虽然很多，但是他们都有一个共同的特点：丑。虽然HTML可以做简单的样式，但是带来的是无尽的臃肿和繁琐 2.2CSS的重要性 ...
Css简介
热门推荐
JiuMeilove的博客
09-13 2万+
css简介 CSS 工作原理. 编辑. CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和显示的方式。. CSS样式可以直接存储于HTML网页或者单独的样式单文件。. 无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。. 外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。. 样式规则是可应用于网页中元素，如文本段落或链接的格式化指令。. 样式规则由一个或多个样式属性及其值组成。. 内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页
CSS——PostCSS简介
最新发布
mantou_riji的博客
02-27 1255
PostCSS不是像Sass或Less一样的样式处理器，他没有自定义的语法和语义，它实际上不是一种语言，而是一种CSS语法转换的工具。PostCSS与CSS一起使用，任何有效的CSS都可以由PostCSS处理。PostCSS是CSS语法转换的工具，允许自定义CSS的语法，这些语法可以被插件理解和转换。在 CSS 中查找某些内容（例如，will-change 属性）。更改找到的元素（例如，在 will-change 之前插入 transform: translateZ(0) 作为旧浏览器的填充）。
css3简介
温柔雨哥的博客
12-02 1149
一、css3简介 CSS 用于控制网页的样式和布局,CSS3 是最新的CSS标准,CSS3 完全向后兼容，因此您不必改变现有的设计。浏览器通常支持 CSS2,但是现在大部分浏览器也实现了css3的很多特性。 CSS3 被划分为模块。其中最重要的 CSS3 模块包括： 选择器 框模型 背景和边框 文本效果 2D/3D 转换 动画 多列布局 用户界面 二、css3边框 2.1 边框圆角 Inter...
Html与Css简介
runofsun的博客
07-22 2983
HTML HTML是Hyper Text Markup Language的缩写。意思是超文本标记语言。它的作用是搭建网页结构，在网页上展示内容 超文本 HTML文件本质上是文本文件，而普通的文本文件只能显示字符。但是HTML技术则通过HTML标签把其他网页、图片、音频、视频等各种多媒体资源引入到当前网页中，让网页有了非常丰富的呈现方式，这就是超文本的含义——本身是文本，但是呈现出来的最终效果超越了文本。 标记语言 说HTML是一种『标记语言』是因为它不是向Java这样的『编程语言』，因为它是由一系列『标签』
Markdown.css样式简介
01-19
Markdown.css 是一个很有意思的 CSS 样式表。它可以让 HTML 显示成类似 Markdown 纯文本的形式。 基于 LESS 编写 Markdown.css 基于 LESS 编写，源代码在此。 下面简要地解析一下具体实现的方法。标题 markdown 的...
CSS 字体单位em简介
09-25
国外人士非常重视网站的易用性，相当一部分外国站点已经使用em作为字体单位.
Python 字典中的values函数
Insane_Loafer的博客
08-02 1万+
目录 values的功能 values的用法 values功能 获取当前字典中所有键值对中的值( value ) values的用法 用法: dict.values() ->无需传参，返回一个value集合的伪列表 In [15]: my_dict = {'name': 'insane', 'age' : 33} In [16]: my_dict.values() out[16]: dict_values ([ 'insane', 33]) ## 不具备列表的所有功能 实战 #
Python 字典key的获取
Insane_Loafer的博客
08-02 1万+
目录 []的获取方法 字典内置函数get获取方法 []与get的区别 []的获取方法 In [17]: my_dict = { 'name:' 'insane' , 'age' : 33} In [18]: name = my_dict ['name'] In [19]: print(name) insane 字典+中括号内传key，不进行赋值操作即为获取 返回key对应的value值 get功能 获取当前字典中指定key的value get用法 用法: dict.get(key, def
Python列表的clear函数
Insane_Loafer的博客
08-01 8719
目录 clear的功能 clear的用法 clear的功能 将当前列表中的数据清空 clear用法 用法：list.clear() ->该函数无参数，无返回值 In [49]: target =[1, 2, 3, 4, 5, 6] In [50]: target.clear() In [51]: print(target) [] 使用clear函数比直接定义一个空列表更节省性能 实战 # coding:utf-8 mixs = ['python', 1, (1,), {'name'
Python字符串与bytes的转换
Insane_Loafer的博客
08-05 7184
目录 什么是bytes (比特类型) 字符串转bytes的函数–encode bytes转字符串的函数–decode 什么是比特类型 二进制的数据流—bytes 一种特殊的字符串 字符串前+b标记 In [4]: bt = b ' my name is insane' In [5]: type( bt) out[5]: bytes dir(param) 会返回某个数据类型支持的所有函数，比如dir(1)会返回数字类型的所有函数 # coding:utf-8 a = 'hello insane
Python 字符串与数字之间的转换
Insane_Loafer的博客
08-05 7096
目录 什么是类型转换，为什么做类型转换 字符串与数字之间转换的要求 字符串与数字之间的转换函数 什么是类型转换 为何做类型转换 将自身数据类型变成新的数据类型，并拥有新的数据类型的所有功能的过程即为类型转换 a='1'# 无法做数字操作 为方便更好的帮助处理业务，将类型变更为更适合业务场景的类型 字符串与数字之间转换的要求 str -> number:数字组成的字符串 In [61]: int_str = '102983475' In [62]: float_str = '3.14159'
Python字符串的zfill函数
Insane_Loafer的博客
07-28 6828
目录 zfill的功能 zfill的用法 zfill 的注意事项 zfill的功能 为字符串定义长度，如不满足，缺少的部分用0填补 zfill的用法 用法：newstr = string.zfill(width) 参数：width新字符串希望的宽度 In [14]: name = 'insane' In [15]: new_name = name.zfill(10) In [16]: print(new_name) 0000insane zfill的注意事项 与字符串的字符无关 如果定义长度
Python列表的insert函数
Insane_Loafer的博客
08-01 6364
目录 insert的功能 insert的用法 insert与append的区别 insert的功能 将一个元素添加到当前列表的指定位置中 insert的用法 用法：list.insert(index, new_item) 参数： index：新的元素放在哪个位置(数字) new_item：添加的新元素(成员) In [22]: fruits = ['苹果', '西瓜 '，'水蜜桃'] In [23]: fruits.insert( 1, 水晶梨') In [24]: fruits Out
Python字典的keys函数
Insane_Loafer的博客
08-02 6332
目录 keys的功能 keys的用法 keys功能 获取当前字典中所有的键( key ) keys的用法 用法∶ dict.keys() ->无需传参，返回一个key集合的伪列表 In [11]: my_dict = { 'name' : 'insane' , 'age' : 33} In [12]: my_dict.keys () Out[12]: dict_keys ( [ 'name' , 'age' ] ) # 不具备列表的所有功能 In [13]: key_list = li
Python集合的差集difference函数
Insane_Loafer的博客
08-04 4718
目录 什么是差集 difference的功能 difference的用法 什么是差集 a，b两个集合，由所有属于a且不属于b的元素组成的集合叫做a与b的差集 difference的功能 返回集合的差集，即返回的集合元素包含在第一个集合中，但不包含在第二个集合(方法的参数)中 difference的用法 用法: a_set.difference(b_set) 参数: b_set :当前集合需要对比的集合 返回值: 返回原始集合与对比集合的差集 (即a_set与b_set的差集) In [26
Python的swapcase函数
Insane_Loafer的博客
07-27 4551
目录 swapcase的功能 swapcase的用法 swapcase 的注意事项 swapcase的功能 将字符串中大小写字母进行转换（将大写转为小写，将小写转为大写） swapcase的用法 用法：newstr = string.swapcase() 参数：函数括弧内什么都不用填写 In [11]: name = 'Insane' In [12]: new_name = name.swapcase() In [13]: print(new name) iNSANE swapcase的注意事
heml css个人简介
05-30
好的，我可以帮你写一个基本的HTML和CSS个人简介。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>个人简介</title> <style> body { font-family: Arial, sans-serif; background-color: #f2f2f2; margin: 0; padding: 0; } h1 { font-size: 36px; text-align: center; margin-top: 50px; } p { font-size: 18px; line-height: 1.5; margin: 20px; } </style> </head> <body> <h1>个人简介</h1> <p>大家好，我叫XXX，是一名软件工程师。我热爱编程，喜欢解决问题和学习新的技术。我擅长使用Java和Python进行开发，熟悉Spring和Django等流行的框架。</p> <p>我曾在XXX公司担任软件工程师，参与了多个项目的开发和维护。我善于与团队协作，能够快速适应新的工作环境。我希望能够在未来的工作中不断提升自己，成为一名更优秀的软件工程师。</p> </body> </html> ``` 以上代码会生成一个简单的个人简介页面，包括一个标题和两个段落。你可以根据自己的需要修改文本和样式。希望能对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值