黑马程序员-软件测试-阶段1测试基础-03-57-65内嵌外联的应用场景,css书写位置、引入方式,class类选择器,命名规则,标签选择器,css基础语法id选择器基础,

本文介绍了CSS的基础语法,包括标签选择器、ID选择器和类选择器的使用,强调了命名规则的重要性和CSS的书写位置及引入方式。通过实例展示了内嵌、外联样式表在不同场景下的应用,如电商网站的首页需求。
摘要由CSDN通过智能技术生成

1. CSS简介

CSS:(Cascading Style Sheets)指层叠样式表
作用:用来定义如何显示HTML元素(定义HTML元素的样式),就像 HTML 中的字体标签和颜色属性所起的
作用那样
样式通常保存在外部的 .css 文件中,我们只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局和外观
css定义:可以设置网页当中的样式,外观,美化
css中文名字:级联样式表,层叠样式表,,样式表

57-css基础语法

css如何写出来
开头
title标签的后面,style标签的前面
在这里插入图片描述
属性:值;属性:值,

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			/*
			 ctrl+? 也可以实现css代码中的注释快捷键
			 * 
			 * 
			 * */
			/*
			选择器{
    属性名1:属性值1; 属性名2:属性值2; }
			color 代表颜色
			font-size 代表字号,px代表像素单位
			  */
			div{
    color: #3ce153; font-size: 28px; }
		</style>
	</head>
	<body>
		<div>传智</div>
		<div>传智</div>
		<div>传智</div>
	</body>
</html>

style type=“text/css”
选择器:声明,属性
div{color:red;
设置颜色属性,冒号和分号之间
div {color:red;}
div{color:red;}
div{
color:red;
}
div{
color:red;}
大小变化,下一组属性
div{color:red; font-size:100px;
css上必须要指定单位,
color代表颜色,font-size:代表字号,px代表像素单位

css基础语法

style标签写在title标签的后面,
选择器{属性名:属性值1,属性名2:属性值2;}
font-size:代表自豪,px代表像素单位,在css当中90%以上情况,数字后面必须跟着单位

32-css进阶语法

59-标签选择器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

学习记录wanxiaowan

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

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

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

打赏作者

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

抵扣说明:

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

余额充值