html 在页面上创建对象列表并使其可编辑。如下面的代码所示：canvas 和 button 对象是用条件和特征来描述的。
button with div practice
css 公开了每个对象和标题的图形属性。这里的结构类似于一个类，其中 {} 指定有用的知识。
使用 css 时，请尝试依赖扩展的参数列表。我推荐 w3schools 来详细了解函数参数。
h1 { color: #5f9ea0; font-family: courier;}canvas { width: 80pt; heigth: 140pt; padding: 5pt; border: 1pt solid lightgray; front-size: 16pt;}.pinkback { background-color: #faebd7;}.aquaback { background-color: #7fffd4;}.lightgreen { background-color: #90ee90;}.khaki { background-color: #f0e68c;}
这是更广泛的调色板颜色描述的示例 (html)：
最后但并非最不重要的一点是，使用众所周知的 javascript 语言。这将使您能够识别图形模型并在编程结构中使用它们。
Linfo.ai
Linfo AI 是一款AI驱动的 Chrome 扩展程序，可以将网页文章、行业报告、YouTube 视频和 PDF 文档转换为结构化摘要。
59 查看详情
function changeColor() { dd1=document.getElementById("d1"); dd2=document.getElementById("d2"); dd1.className = "GreenL"; dd2.className = "Khaki";}function doPink() { var dd1 = document.getElementById("d1"); dd1.style.backgroundColor = "LightGreen"; var canvas = document.getElementById("d2"); var ctx = canvas.getContext("2d"); ctx.clearRect(0,0, canvas.width, canvas.height); //canvas.style.backgroundColor = "Khaki";}function doAqua() { var dd1 = document.getElementById("d2"); dd1.style.backgroundColor = "Khaki"; var ctx = dd1.getContext("2d"); ctx.fillStyle="Brown"; ctx.fillRect(10,10,60,60); ctx.fillRect(80,10,75,75); ctx.fillRect(165,10,90,90); ctx.fillStyle = "DarkSlateGray"; ctx.font = "30px Arial"; ctx.fillText("beaute", 20,135);}
顺便说一句，为了串联三种描述网页的风格，我建议在早期阶段使用codepen。它将帮助您避免对 js、html 和 css 感到困惑。祝你好运！
以上就是一些WEB结构的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1151386.html
微信扫一扫 
支付宝扫一扫 
