1.浮动布局小练习2024-01-282.头像和消息组件css实现思路2024-01-273.层次选择器2024-01-25 收起 分析如下 实现代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale
浮动布局 头部内容 侧栏导航 主体内容 底部 /*浮动布局*/ *{ margin: 0; padding: 0; } body{ width: 100%; height: 960px; } header{ height: 5%; background: rgba(25,25,25,0.25); } aside{ width: 30%; height: 90%; background: orange; float: left; border: 1px solid green;...
练习2: demo2.png <!DOCTYPE html>浮动布局练习3.box { width: 1226px; height: 615px; background-color: pink; margin: 0 auto; } .left { float: left; width: 234px; height: 615px; background-color: purple; } .right { float: left; width: 992px; height: 615px; background-color: ...
html/css 浮动练习之井字形布局 1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2345无标题文档67.body{margin:100px 100px 0 100px;width:300px;height:300px;overflow:hidden;}8.div{float:left;width:100px;heigh...