css基础知识

Css的几种设置方式
1.内联样式表(inline style sheets):直接设置Html正文标签的style属性。
在使用内联样式表时,html4.01建议用户在</head></head>中加入<meta>标签,语句为:
<meta http-equiv=”Content-Style-type” content=”text/css”>
Eg:<body style=”FONT-SIZE:20px;COLOR:blue”></body>
2.嵌入样式表 (embedded style sheets):是在网页文档的头部(<head></head>标签对之间),定义一个<style></style>标签对中加入各种网页元素的样式规则定义,如下定义:
<head>
<style type=”text/css” media=”screen,projection”>
<!--
P{FONT-SIZE:20pt;COLOR:blue}
-->
</style>
</head>
3.外部样式表 (linked style sheets):一个外部样式表文件(.css文件)可以通过html的<link>标签连接到html文档中。
首先编写一个test.css文件,文件内容如下:
P{FONT-SIZE:20pt;COLOR:blue}
接着编写一个要使用样式表文件的网页文件,假设网页文件与test.css文件放置在相同的目录下,网页文件的内容如下:
<head>
<link rel=”StyleSheet” href=”test.css” type=”text/css” media=”screen”>
</head>
<body>
<p>this is a css test</p>
</body>
4.输入样式表 (imported style sheets):可以使用CSS的@import声明将一个外部样式表文件(CSS文件)输入到另外一个CSS文件中,被输入的CSS文件中的样式规则定义语句 , 就成了输入到CSS文件的一部分。
<head>
<style type=”text/css” media=”screen,projection”>
<!--
@import url(http://www.it315.org/style.css);
@import url(/stylesheets/style.css)
-->
</style>
</head>

Css样式规则的选择器
Selector {property:value; property:value; property:value;……}
1、【html标签选择器】
<style type="text/css">
p{
font-size:1cm;
color:green;
}
div{
font-size:2cm;
}
</style>
如何引用:
<p>dddddddd</p>
<div>ssssssss</div>
2、【类选择器】
<style type="text/css">
.one{
font-size:2cm;
}
.two{
background:green;
}
</style>
如何引用:
<div class="one">dsfsdfsdf</div>
<p class="two" > sfsdfsdf</p>
注:如果一个样式被多次调用,可以做成类选择器
3、【id选择器】
如:
<style type="text/css">
#one{
font-size:2cm;
}
#two{
background:green;
}
</style>
如何引用:
<div id="one"> sfsdfsdf</div>
<p id="two"> ssadfasdf</p>
注:如果一个样式只被且只调用一次,可把该样式做成id选择器
4、【关联选择器】
<style type="text/css">
p em{
color:red;
}
</style>
如何引用:
<p>
<em>sdfsdfsdf</em>
</p>
注:反之em标签包含p标签以上样式是不成立的
5、【组合选择器】
<style type="text/css">
p,div,h1,#one,.two{
color:red;
}
</style>
如何引用:
<p>ssssssss</p>
<div>aaaaaaa</div>
<h1>sdfdfdf</h1>
<div id="one">bbbbbbbbbbbbbb</div>
<div class="two">skkkkkkkkk</div>
注;以上标签都使用了同一种样式
6、【伪元素选择器】
<style type="text/css">
a:link{font-size:10cm;}
a:hover{font-size:5cm;}
a:visited{font-size:1cm;}
</style>

Css样式规则的优先级
总起来是:从上到下,从总提到局部。
ID选择器>CLASS选择器>HTML标签选择器
内联样式表>嵌入样式表>链接样式表

Css样式表中的注释:/*要注释的内容*/
Windows 系统修复工具主要用于解决 Windows 11/10 系统中的各种常见问题,具有操作简单、功能全面等特点: 文件资源管理器修复:可解决文件资源管理器卡死、崩溃、无响应等问题,能终止崩溃循环。还可修复右键菜单无响应或选项缺失问题,以及重建缩略图缓存,让图片、视频等文件的缩略图正常显示,此外,还能处理桌面缺少回收站图标、回收站损坏等问题。 互联网和连接修复:能够刷新 DNS 缓存,加速网页加载速度,减少访问延迟。可重置 TCP/IP 协议栈,增强网络连接稳定性,减少网络掉线情况,还能还原 Hosts 文件,清除恶意程序对网络设置的篡改,保障网络安全,解决电脑重装系统后网络无法连接、浏览器主页被篡改等问题。 系统修复:集成系统文件检查器(SFC),可自动扫描并修复受损的系统文件。能解决 Windows 激活状态异常的问题,还可重建 DLL 注册库,恢复应用程序兼容性,解决部分软件无法正常运行的问题,同时也能处理如 Windows 沙箱无法启动、Windows 将 JPG 或 JPEG 保存为 JFIF 等系统问题。 系统工具维护:提供启动管理器、服务管理器和进程管理器等工具,用户可控制和管理启动程序、系统服务和当前运行的进程,提高系统的启动和运行速度,防止不必要的程序和服务占用系统资源。还能查看系统规格,如处理器线程数、最大显示分辨率等。 故障排除:集成超过 20 个微软官方诊断工具,可对系统问题进行专业排查,还能生成硬件健康状态报告。能解决搜索和索引故障、邮件和日历应用程序崩溃、设置应用程序无法启动等问题,也可处理打印机、网络适配器、Windows 更新等相关故障。 其他修复功能:可以重置组策略设置、catroot2 文件夹、记事本等多种系统设置和组件,如重置 Windows 应用商店缓存、Windows 防火墙设置等。还能添加重建图标缓存支持,恢复粘滞便笺删除
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值