首页 > 其他分享 >【CSS】CSS基础1(CSS基本介绍+常见样式设计)

【CSS】CSS基础1(CSS基本介绍+常见样式设计)

时间:2024-03-25 20:00:25浏览次数:20  
标签:哈哈哈哈 样式 text 常见 color font CSS

目录

什么是CSS? 

语法规范

常见样式

例子

代码展示


什么是CSS? 

点击以下链接了解更多:

​​​​​​​ ​​​​​icon-default.png?t=N7T8https://baike.baidu.com/item/%E5%B1%82%E5%8F%A0%E6%A0%B7%E5%BC%8F%E8%A1%A8/524980?fromModule=lemma_inlink(英文全称:Cascading Style Sheets)是一种用来表现HTML标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化

语法规范

选择器 {属性: 值    属性: 值 }

                |

                | 

                \/

                声明

h1 { color: red;  font-size: 25px; }

常见样式

注:属性值只是一个案例,并不是只能是那种

常见样式
字体颜色color:red
背景颜色background-color:red
字体大小font-size:50px
字体粗细font-weight: lighter(变细)
字体样式font-style:italic(斜体)
文本装饰text-decora:underline(下划线)
文字对齐方式text-align:center(中间对齐)

例子

代码展示

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<style type="text/css">
			p{
				color: aqua;
				background-color: pink;
			}
			span{
				font-size: 50px;
				text-decoration: underline;
			}
			div
			{
				font-style: initial;
				font-weight: bold;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<p>
			哈哈哈哈哈哈哈哈哈哈哈
			哈哈哈哈哈哈哈哈哈哈哈
			
		</p>
		<span>
			哈哈哈哈哈哈哈哈哈哈哈
		</span>
		<div>
			哈哈哈哈哈哈哈哈哈哈哈
		</div>
		
	</body>
</html>


今天的分享到这里就结束啦~希望能帮到您!!

标签:哈哈哈哈,样式,text,常见,color,font,CSS
From: https://blog.csdn.net/2301_79982543/article/details/137020213

相关文章

  • linux下的mysql常见用法
    linux下的mysql常见用法1.连接Mysql1.1连接到本机上的Mysql键入命令mysql-uroot-p,回车后提示你输密码.注意用户名前可以有空格也可以没有空格,但是密码前必须没有空格,否则让你重新输入密码.如果刚安装好MYSQL,超级用户root是没有密码的,故直接回车即可进入到MYSQL中......
  • 【触想智能】工业触摸一体机九大常见故障检测方法分享
    工业触摸一体机目前在社会生产中应用非常广泛,比如智能化的生产车间、城市智慧安防监控中心都经常用到工业触摸一体机。电子产品在使用中难免会出现一些故障,工业触摸一体机也不例外。那么我们在使用工业触摸一体机的时遇到问题怎么办呢?下面小编给大家介绍几个常见故障检......
  • 纯CSS 毛玻璃效果
    在一个复杂的背景上添加文字,文字能清晰展示,并尽可能的保留原背景的话,使用毛玻璃的效果去处理是非常合适的。一、背景图毛玻璃在 PhotoShop 中,毛玻璃主要使用 高斯模糊 和 羽化 。说白了就是模糊。在 CSS 中,想要实现模糊效果,可以使用 滤镜 。背景通常设置成黑色、灰......
  • 变形元素旋转css阴影
    一、css3transform变换translate(x,y)设置盒子的位移scale(x,y)设置盒子缩放roate(dog)设置盒子的旋转skew(x-angle,y-angle)设置盒子的斜切perspective 设置透视距离transform-styoleflat:preserved-3d设置盒子是否按3d空间显示translateXtranslateYtranslateZ设......
  • css复建
    最近写了好多个界面的css,大部分是抄的然后在一段一段研究代码的时候发现,好多作者的思路很巧妙,翻译成人话就是我看不懂作者是怎么实现的。为了学习css,搞些好玩的界面,看来css要重新学习一遍了先说说css的选择器和他们的优先级,要想用好css,他们的优先级是必须必须要搞清楚的总体来......
  • 常见终结操作方法
    packagecom.zxr.stream;importjava.util.ArrayList;importjava.util.function.Consumer;publicclassTest04{publicstaticvoidmain(String[]args){ArrayList<String>list=newArrayList<>();list.add("张三丰");......
  • JavaScript:void(0) 用法及常见问题解析
    JavaScript:void(0)用法及常见问题解析javascript:void(0);是一种在JavaScript和网页开发中经常使用的技术,尤其在处理链接的行为时。本文将深入探讨javascript:void(0);的用法,以及在使用过程中可能遇到的常见问题和解决方法。什么是javascript:void(0);?javascript:v......
  • 小迪学习笔记(内网安全)(常见概念和信息收集)
    小迪学习笔记(内网安全)(一)内网分布图内网基本概念工作组和域环境的优缺点内网常用命令域的分类单域父域和子域域数和域森林Linux域渗透问题内网安全流程小迪演示环境信息收集mimikatzLazagne(all)凭据信息政集操作演示探针主机域控架构服务操作演示总结内网分布图D......
  • 任何样式,javascript都可以操作,让你所向披靡
    前言习惯了在css文件里面编写样式,其实JavaScript的CSS对象模型也提供了强大的样式操作能力,那就随文章一起看看,有多少能力是你不知道的吧。样式来源客从八方来,样式呢,样式五方来。chrome旧版本用户自定义样式目录:%LocalAppData%/Google/Chrome/UserData/Default/User......
  • DC常见端口以及服务
    DC常见端口以及服务端口服务说明53DNS域名与ip的映射88kerberoskeberos进行身份验证、票据传递135RPC协议DC使用RPC协议端口进行远程管理389LDAP轻量级目录访问协议,DC使用LDAP进行活动目录的搜索、访问445SMB域控使用SMB进行文件共享、系统管理......