CSS使用小记

本文介绍了多种网页设计技巧,包括竖版格式设置、文字特效(如发光、阴影和渐变效果)、滑动门技术的应用实例,以及如何实现鼠标经过整行变色的效果等。此外还提供了关于CSS优先级、透明效果设置、全屏显示和边框阴影等实用技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

定义竖版格式:
例:
<div style="layout-flow:vertical-ideographic;height:399;float:right;">

文字特效:
1、发光效果
<font style="filter:glow(color=#ff0000,strength=3);height:1px;"face="楷体" color="#ffffff" size="4">天生我才必有用</font>
2、阴影效果
<font style="color:#990099;filter:shadow(color=blue);font-family:方正舒体;font-size:20px;width:100%;"><b>人不是为了失败而生的</b></font>
3、渐变效果
<font style="font-size:30pt;filter;alpha(opacity=100,style=1);width:100%;color:red;line-height:100%;font-family:华文行楷"><b>为伊消的人憔悴</b></font>

最适合网页正文显示的字体大小为12磅左右,当内容比较多的时候用9磅的字号

滑动门技术:
嵌套两个元素,各自使用一个背景图像,二者中间部分重叠,两段不重叠,分别显示左端的背景和右端的背景,中间部分自动适应:
例:
  <style type="text/css">
h1{
font-size:18px;
text-align:center;
width:500px;
background:url(1.jpg)no-repeat;
padding-left:40px;
}
span{
display:block;
padding-right:40px;
background:url(1.jpg)no-repeat right;
}
  </style>
使用:
<h1><span>Oracle数据库afdsfdsfdsf</span></h1>

css文件中使用<!--  -->标签:
这样的作用是:不引起低版本浏览器(不支持css的浏览器)的错误

实现表格鼠标经过整行变色
Firefox和IE9中实现鼠标指针经过整行时整行变色:
tr:hover{
background-color:green;
color:red;
}
IE6中实现该效果:
1、在css中添加.hover类选择器:
tr:hover,tr.hover{
background-color:green;
color:red;
}
2、</table>标签后添加JavaScript代码
<script language="javascript">
var rows = document.getElementsByTagName('tr');
for(var i=0;i<rows.length;i++){
rows[i].onmouseover = function(){
this.className ='hover';
}
rows[i].onmouseout = function(){
this.className ='';
}
}
</script>

不能把块元素混在行元素中

将多个div靠边
左侧:修改margin为:0 auto 0 0;   只保留右侧一根弹簧
右侧:修改margin为:0 0 0 auto; 只保留左侧一根弹资

div布局中通过比例计算的宽度有时候小于100%,可以避免由于舍入误差造成总宽度大于容器宽度,而将div挤到下一行

优先级问题:
margin-top:3.5em !important;
margin-top:2em;
!important:获得绝对的优先级

设置悬停的返回顶部按钮:
设置a标签的背景图片为固定的即可
background-attachment:fixed:

设置透明效果:
filter:alpha(opacity:40);
opacity:0.9;//设置透明度

/*谷歌浏览器中设置为全屏显示*/
oAllbox.webkitRequestFullScreen();

高度的值不能设置为100%数,除非父控件设置了高度,当父控件没有设置宽度的时候,body默认是屏幕宽度,所以子控件设置宽度为100%的时候,可以显示屏幕的宽度

设置边框阴影:
box-shadow: 0 0 6px #ccc;
内容概要:本文介绍了奕斯伟科技集团基于RISC-V架构开发的EAM2011芯片及其应用研究。EAM2011是一款高性能实时控制芯片,支持160MHz主频AI算法,符合汽车电子AEC-Q100 Grade 2ASIL-B安全标准。文章详细描述了芯片的关键特性、配套软件开发套件(SDK)集成开发环境(IDE),以及基于该芯片的ESWINEBP3901开发板的硬件资源接口配置。文中提供了详细的代码示例,涵盖时钟配置、GPIO控制、ADC采样、CAN通信、PWM输出及RTOS任务创建等功能实现。此外,还介绍了硬件申领流程、技术资料获取渠道及开发建议,帮助开发者高效启动基于EAM2011芯片的开发工作。 适合人群:具备嵌入式系统开发经验的研发人员,特别是对RISC-V架构感兴趣的工程师技术爱好者。 使用场景及目标:①了解EAM2011芯片的特性应用场景,如智能汽车、智能家居工业控制;②掌握基于EAM2011芯片的开发板芯片的硬件资源接口配置;③学习如何实现基本的外设驱动,如GPIO、ADC、CAN、PWM等;④通过RTOS任务创建示例,理解多任务处理实时系统的实现。 其他说明:开发者可以根据实际需求扩展这些基础功能。建议优先掌握《EAM2011参考手册》中的关键外设寄存器配置方法,这对底层驱动开发至关重要。同时,注意硬件申领的时效性替代方案,确保开发工作的顺利进行。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值