在HTML里如何使用css（标签有哪些属性）

Anti-kill979

已于 2022-02-28 16:12:18 修改

阅读量343

点赞数

文章标签： css html

于 2022-02-27 11:50:10 首次发布

本文链接：https://blog.csdn.net/qq_63286380/article/details/123161183

版权

内部样式表

将css写在head头部标签当中，如：

<head>
	<meta charset="utf-8">
		<title></title>
		<style type="text/css"><!-- 一般写在title下面 -->
			
		</style>
</head>

行内式

将css写在标签名后面，<标签名空格 style="属性; 属性; 属性; ">内容</标签名>，如：

	<div style="">
		 内容
	</div>

外联式

用link标签来连接外部的css，如

<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" href="" /> <!-- href为css的路径 -->
</head>

表单

表单的属性有
action=提交的地址
method=提交方式
post get为method的值

		<form action="" method="post">
			<input type="text" name="" id="" value="" />
			<input type="password" name="" id="" value="" />
			<input type="submit" value="提交"/>
		</form>

颜色（背景颜色）

color可也把里面的内容变色
color属性值可以直接写预定值：red、blue、pink等等，如：

<div style="color: red;">
			颜色变红
</div>

还可以写
十六进制：用#来写，如：

<div style="#000000;"><!-- 可以简写#000 -->
			颜色变黑
</div>

rgb（a）：如：

<div style="rgb(255,255,255,0.5);"><!-- a是透明度 a前面的0可以不写.5浏览器自动会加 -->
			颜色变白
</div>

background-color 背景颜色
background-image 图片
background-repeat 是否平铺
background-attachment 背景图像是否固定或者随着页面的其余部分滚动。
background-position 图片位置

表格

action=提交的地址
method=提交方式
post get为method的值

<form action="" method="post">
			<input type="text" name="" id="" value="" />
			<input type="password" name="" id="" value="" />
			<input type="submit" value="提交"/>
	</form>

a标签

none 默认定义标准文本
overline 定义文本上的一条线
line-through 定义穿过文本的一条线
underline 定义文本下的一条线

<a href="" style="text-decoration: none;">
		 111111111
</a>

文本效果

text-transform:uppercase;转大写
text-transform:lowercase;转小写
text-transform:capitalize;默认值
text-indent:50px 首行缩进

		<div style="text-indent: 50px;">
			Hello Word Jack
		</div>

font-style 字体倾斜
font-size 字体大小
font-family 字体样式，微软雅黑
font-weight 字体粗细
其他可以省略不写（为默认值）但是font-sizi和font-family必须写（综合写法）

<p style="font：font-style:normal ;font-weight:normal ;font-sizi:16px ; font-family: 宋体;">宋体</p>

Anti-kill979

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
在HTML里如何使用css（标签有哪些属性）

内部样式表将css写在head头部标签当中，如：<head> <meta charset="utf-8"> <title></title> <style type="text/css"> </style></head>行内式将css写在标签名后面，<标签名空格 style="属性; 属性; 属性; ">内容</标签名&g
复制链接

扫一扫