html+css
文章平均质量分 65
基本界面
Lucivita
这个作者很懒,什么都没留下…
展开
-
网页设计综合应用:自选网站,实现HTML和CSS编码
目录一.效果图二.布局分析2.1:首先将整个页面分为两大部分2.2:左侧侧边栏部分2.3:右侧主体部分三.HTML代码3.1左侧侧边栏部分3.1.1:侧边栏部分左侧3.1.2:侧边栏部分右侧3.2:右侧主体部分3.2.1:主体头部部分3.2.2:主体左侧部分3.2.3:主体右侧部分四.CSS代码 4.1:整体布局4.2左侧侧边栏部分4.2.1:侧边栏部分左侧4.1.2:侧边栏部分右侧4.2:右侧主体部分4.2...原创 2021-01-21 14:45:33 · 681 阅读 · 0 评论 -
网页布局综合练习
目录1.练习:分别用两种模型按图中标注的参数设置以下两个元素。盒子一: 盒子二:2.综合练习一.HTML代码二.CSS代码三.效果图1.练习:分别用两种模型按图中标注的参数设置以下两个元素。分析:ie盒子和标准盒子的区别在于ie盒子的height和width包括border和padding盒子一:html代码<body><div class="one">标准盒子</div> <di...原创 2021-01-21 14:33:02 · 990 阅读 · 0 评论 -
综合练习:京东排行版(CSS元素透明度设置及图文居中对齐综合练习)
一.目标分析图总的用列表三个li分别编辑文字,左侧的序号可以用背景图片完成,只要完成第一个,后续复制粘贴文字稍作改动即可。二.html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0...原创 2021-01-19 17:18:07 · 139 阅读 · 0 评论 -
CSS基本规则综合应用
一、HTML编码:1.html设计分成两个部分,箭头和中间图片内容,先设置好一个,其余样式相同,箭头用img,中间内容放在li中2.html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=...原创 2021-01-19 17:15:59 · 170 阅读 · 0 评论 -
CSS选择器典型应用
1. 自己编写案例解释如何用::after伪元素清除浮动1.1消除浮动前<style> .main{ background-color: pink; width: 300px; } .main>div{ width: 100px; height: 100px; border: 1px solid red; float: left; }</s.原创 2021-01-19 17:12:04 · 398 阅读 · 0 评论 -
语雀个人资料页界面实现
第一步:编写页面结构1. 分析结构将页面分为页头、主体、页脚三部分。2. 根据页面结构完成HTML编码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi原创 2021-01-19 17:07:44 · 2387 阅读 · 1 评论 -
字体图标引用的项目案例
第一步:构建页面HTML框架分析页面布局将页面分为三个大部分,页面主体分为左右两部分,构建五个div并且分别命名第二步:编写页面HTML代码1.界面图标选择1.1阿里图标选择相关图片*也可选择icomoon下载导入图标* 1.2将链接导入head中2.页面代码编写2.1页头部分 2.2主体内容左侧部分 ...原创 2021-01-19 16:43:10 · 191 阅读 · 0 评论