爱星物联——今天给毛坯网页做了精装修

2024-07-01 安信可科技 微信公众号
安信可科技 安信可科技 安信可科技 安信可科技

本文分享如何调整样式美化页面,增强用户视觉体验。

在样式这部分的技术,此项目采用的是LEES语言,LESS语言是什么呢?看看官网怎么说:

它是CSS,只是多了一点东西。。。

问题又来了,CSS是什么呢?

级联样式表(css)是一种描述 HTML 文档样式的语言,描述应该如何显示 HTML 元素。

没了解过的盆友们,查阅下CSS语言学习教程哈~
CSS文档访问地址:https://www.w3school.com.cn/css/index.asp

会不会有盆友问:什么是HTML 元素呢?
HTML文档奉上:https://www.w3school.com.cn/html/index.asp

CSS语法:

直接上示例:

1、设置页面占整屏高度


 

2、给内容添加左右内边距


3、让按钮固定在页面底部


4、让图片左右居中对齐


5、调整单元格的内边距


6、给导航栏增加上下内边距


此时,一个还算规整的页面就成型了,CSS还有很多其他属性,可根据教程按己所需去使用。

总结
以上就是本期分享的内容,目的在于让大家快速适应新品方案的开发,更多资料可从我们官网上获取。

官方官网:https://www.ai-thinker.com
开发资料:https://docs.ai-thinker.com/
官方论坛:http://bbs.ai-thinker.com
技术支持:support@aithinker.com
爱星物联IoT平台体验网址:https://open.iot-aithings.com

授权代理商:世强先进(深圳)科技股份有限公司
技术资料,数据手册,3D模型库,原理图,PCB封装文件,选型指南来源平台:世强硬创平台www.sekorm.com
现货商城,价格查询,交期查询,订货,现货采购,在线购买,样品申请渠道:世强硬创平台电子商城www.sekorm.com/supply/
概念,方案,设计,选型,BOM优化,FAE技术支持,样品,加工定制,测试,量产供应服务提供:世强硬创平台www.sekorm.com
集成电路,电子元件,电子材料,电气自动化,电机,仪器全品类供应:世强硬创平台www.sekorm.com
  • +1 赞 0
  • 收藏
  • 评论 0

本文由皮皮转载自安信可科技 微信公众号,原文标题为:爱星物联——今天给毛坯网页做了精装修,本站所有转载文章系出于传递更多信息之目的,且明确注明来源,不希望被转载的媒体或个人可与我们联系,我们将立即进行删除处理。

评论

   |   

提交评论

全部评论(0

暂无评论

相关推荐

安信可星闪模组专属ComboAT初体验:点对点连接实现透传,强抗干扰、超低延迟、超远通讯

Ai-BS21-32S是由深圳市安信可科技有限公司开发的蓝牙星闪模块。本文中安信可科技将为大家介绍星闪模组Ai-BS21-32S的使用方法。

设计经验    发布时间 : 2024-04-10

【经验】如何将安信可科技的PB-03F模块升级DTM固件进行认证测试?

使用安信可科技的蓝牙模组PB-03F进行产品设计后期,部分产品需要连同PB-03F模块一同送去认证机构进行认证测试,此时需要给蓝牙模组PB-03F烧录特殊的测试固件DTM。本文指导如何给PB-03F模块烧写DTM固件。

设计经验    发布时间 : 2023-06-22

在爱星物联,如何上传OTA固件,如何对不同类型的OTA进行升级?

安信可科技讲解如何上传OTA固件和不同类型的OTA升级方式,从模组日志和APP上如何查看OTA是否升级成功,开放平台查看升级记录。

设计经验    发布时间 : 2024-07-03

安信可科技(Ai-Thinker)物联网专用模组&天线选型指南

目录- LoRa product    Radar product    WiFi+Bluetooth products    2.4G Series Module    GPS Series Module    UWB & 4G series module    GPRS series module    Offline Voice Module Series    Antenna   

型号- RA-01SH,PB-02-KIT,RTL8720 SERIES,AI-WB1,AI-WB2,AI-WB2-M1,HI-07S-KIT,TB-02-KIT,AI-WB2-12F-KIT,AI-WB2-13-KIT,AI-WB2-13U,AI-WB2-01S,A9,SX1268,RA-01SC,TG-02-KIT,PB SERIES,RTL8710BX SERIES,GPS SERIES,AI-WB2-01M,VC-01-KIT,HI-12F,TB SERIES,HI-12F-KIT,BW16,AI-WB2 SERIES,BW15,BW14,TG-12F-KIT,BW12,RTL8710BX,A9G,HI SERIES,AI-WB2-12S,PB-03,SX126X,AI-WB1-32S,HI-07S,HI-07SL-KIT,PB-01,PB-02,RG-02,AI-WB1-32S-KIT,RTL8720DN,AI-WB2-12F,TG-01M,AI-WB1SERIES,NF-05,NF-02-PA,NF-04,NF-03,BW16-KIT,NF-01-S,SX127X,TB-03F-KIT,LLCC68,TG-02,AI-WB2-07S,NF-01-N,NF-02-PE,AI-WB1-32S-CAM,GP-02-KIT,AI-WB2-M1-I,TG-02M-KIT,TG-02M,RA-08-KIT,GP-01,GP-02,CA-01-KITC,CA-01,2.4G SERIES,AI-WB2-13,PB-03F,PB-03M,TG SERIES,TB-04-KIT,TB-05,GPRS SERIES,TB-04,TG-02F,TB-02,RTL8720DN SERIES,TG-02F-KIT,4G SERIES,PB-03M-KIT,AI-WB2-32S-KIT,BU01,RA-01,PB-03-KIT,ESP32-G,RTL8720,RA-08H,NF-04-MI,VC-02-KIT,NF-05-S,RA-01S,HI-12FL,RA-01H,HI-07SL,AI-WB2-32S,RA-01SCH,PB-01-KIT,RTL8720CF,TG-01M-KIT,TG-12F,AI-WB1-A1S,AI-WB1-12F,TB-03F,BW15-KIT,GPRS,UWB SERIES,GP-01-KIT,AI-WB1-12F-KIT,NODEMCU-BU01,RA-08H-KIT,RD-01,RA-02,RTL8720CF SERIES,RA-08,VC-02,VC-01,HI-12FL-KIT,PB-03F-KIT

选型指南  -  安信可科技  - 2023/09/19 PDF 中文 下载

【IC】安信可科技发布2款UWB模组BU03和BU04,实现室内厘米级高精度测距定位

BU03和BU04这两款定位模组使用的芯片都是一样的,不同的是BU03是没有带主控MCU的,并且体积小巧,可以集成到自己的主板上,用主芯片直接驱动。

产品    发布时间 : 2024-10-11

安信可科技无线模组选型表

提供安信可科技无线模组选型,封装:DIP/SMD,尺寸:10.3mm*9.9mm*2.4(±0.2)mm-120.0mm*120.0mm*30.0mm,通信接口:UART/GPIO/ADC/PWM/I?C/SPI/Touch senser/PSRAM/SDIO/Duplex I²S/麦克风/扬声器,最大速率:2.5mW-100mW,参考距离:80m-5km,供电电压:1.9V-5.25V

产品型号
品类
封装
尺寸(mm)
通信接口
最大速率(mW)
参考距离(m/km)
供电电压(V)
空中速率(Kbps/Mbps)
天线形式
工作温度(℃)
NF-01-S
2.4G模组
DIP-8
28.6mm*15.3mm
SPI
5mW
240m
1.9V-3.6V
250Kbps-2Mbps
板载天线
-20℃~70℃

选型表  -  安信可科技 立即选型

开发环境(软件/固件)  -  安信可科技  - 2024/8/7 PDF 中文 下载

【产品】安信可科技WIFI蓝牙二合一模块Ai-WB2系列通过各项性能测试,实测400-500米传输距离

天线作为无线信号辐射和接收的重要器件,有着不可替代的作用。一款天线设计完成后需要经过测试才能确定其性能是否符合设计要求。那么天线性能需要进行哪些性能测试呢?本文以安信可的Ai-WB2-12F模块为例,看看如何测试PCB天线的性能。

产品    发布时间 : 2023-09-20

【元件】安信可科技24G人体存在感应雷达模组Rd-01搭载博流BL602芯片+矽典微的S3KM111L芯片,适用于高精准度场景

安信可自主研发的24GHz雷达模组搭载博流BL602芯片+矽典微的S3KM111L芯片,不仅能够正常检测人体存在、移动及微动,还可以检测出人体完全静止状态,解决了传统PIR人体红外感应在人体处于静止状态时就无法检测的痛点。

产品    发布时间 : 2024-05-08

安信可科技上线的LoRa模块Ra-01SCH-P,抗干扰性强,可支持长达10km的远距离传输

Ra-01SCH-P是安信可科技设计开发的LoRa系列模组。该模组用于超长距离扩频通信,其射频芯片LLCC68+主要采用 LoRa™远程调制解调器,用于超长距离扩频通信,抗干扰性强,能够最大限度降低电流消耗。

产品    发布时间 : 2024-08-22

安信可科技Rd-04低成本低功耗雷达模组赋能照明行业,适合嵌入式隐蔽设计

安信可科技Rd-04是基于富奥星的XBR818芯片而设计的微动、运动感知模组。其中心频率为10.525GHz,基于多普勒雷达原理,芯片内置算法,无需外挂单片机,超高性价比。主要针对低成本或低功耗的应用领域,该产品定位为微动、运动感知场景应用,适合壁挂或吸顶安装。

原厂动态    发布时间 : 2023-07-30

安信可科技针对物联网设计通用型蓝牙模组符合BLE 5.0,智能手机Mesh组网,可对接天猫精灵

安信可科技针对物联网设计通用型的蓝牙模组,其功能强大、用途广泛。可以用于智能灯、智能插座、智能空调等其他智能家电。同时符合BLE 5.0及SIG Mesh规范,可直接通过智能手机组建Mesh网络,也可对接天猫精灵等智能音箱,适用于多种智能家居应用场景。

产品    发布时间 : 2024-07-04

安信可科技(Ai-Thinker)2.4G模组选型表

描述- 2.4G系列模组是安信可科技有限公司自主设计开发的一系列模组。目前主要有进口,台产和邦定三个系列, 能够满足不同客户群体的需求。可广泛应用于各种物联网场合,适用于无线鼠标、无线遥控、体感设备、有源RFID、 NFC、低功耗自组网无线传感网节点等,是物联网应用的理想解决方案。

型号- NF-02-PA,NF-04,NF-03,NF-01-S,NF-02-SM,NF-04-MI,NF-01-N,NF-02-PE

选型指南  -  安信可科技  - 2017/6/10 PDF 中文 下载

安信可科技推出支持接入Matter协议的Ai-WB2系列模组,硬件封装兼容,实现智能家居互联互通

Ai-WB2系列模组作为安信可科技践行“大连接”理念的首款产品,将支持接入Matter协议;将支持Google Matter;已支持使用苹果Apple设备进行配对和控制;兼容的硬件封装,帮助企业快速进行Matter新产品的迭代。

原厂动态    发布时间 : 2022-12-15

展开更多

电子商城

查看更多

品牌:安信可科技

品类:WiFi模块

价格:¥9.3800

现货: 51

品牌:安信可科技

品类:WiFi+蓝牙模块

价格:¥8.5000

现货: 20

品牌:安信可科技

品类:WiFi模块

价格:¥21.8800

现货: 18

品牌:安信可科技

品类:WiFi模块

价格:¥22.1300

现货: 12

品牌:安信可科技

品类:NB-IoT模组

价格:¥17.7500

现货: 10

品牌:安信可科技

品类:雷达模组

价格:¥12.7500

现货: 5

品牌:安信可科技

品类:WiFi+蓝牙模块

价格:¥9.6400

现货: 5

品牌:安信可科技

品类:WIFI模块

价格:¥10.2500

现货: 5

品牌:安信可科技

品类:LoRa模组

价格:¥19.7500

现货: 5

品牌:安信可科技

品类:WIFI模块

价格:¥10.2500

现货: 5

品牌:

品类:

价格:

现货:

品牌:

品类:

价格:

现货:

品牌:

品类:

价格:

现货:

品牌:

品类:

价格:

现货:

品牌:

品类:

价格:

现货:

品牌:

品类:

价格:

现货:

品牌:

品类:

价格:

现货:

品牌:

品类:

价格:

现货:

品牌:

品类:

价格:

现货:

现货市场

查看更多

暂无此商品

海量正品紧缺物料,超低价格,限量库存搜索料号

查看更多

授权代理品牌:接插件及结构件

查看更多

授权代理品牌:部件、组件及配件

查看更多

授权代理品牌:电源及模块

查看更多

授权代理品牌:电子材料

查看更多

授权代理品牌:仪器仪表及测试配组件

查看更多

授权代理品牌:电工工具及材料

查看更多

授权代理品牌:机械电子元件

查看更多

授权代理品牌:加工与定制

世强和原厂的技术专家将在一个工作日内解答,帮助您快速完成研发及采购。
我要提问

954668/400-830-1766(工作日 9:00-18:00)

service@sekorm.com

研发客服
商务客服
服务热线

联系我们

954668/400-830-1766(工作日 9:00-18:00)

service@sekorm.com

投诉与建议

E-mail:claim@sekorm.com

商务合作

E-mail:contact@sekorm.com

收藏
收藏当前页面