html&css
文章平均质量分 96
王 濤
所谓迷茫,不过是才华配不上梦想
展开
-
选项卡······疑难解惑
做题思路方法1: 实现思路: 1, ul中的li标签个数 和 ol中li标签个数是相同的 按钮和内容是一一对应的 2, 点击按钮标签,也就是ul中的li标签 给当前这个li标签,添加class样式,给其他的li标签,去除class样式 实现思路: 先给所有的li标签...原创 2020-04-27 23:37:45 · 199 阅读 · 0 评论 -
网格布局概括
前面我们我们说了弹性布局的相关知识点原创 2020-03-08 17:33:25 · 379 阅读 · 0 评论 -
前端----静态网页的实现
学习了一个多月啦!终于到了检验成果的时候啦。下面的就是这次检测的 psd 原图[本次项目的源文件密码xe4ua7(微云)]经过几个小时的磨难,终于完成到了下面这种程度。如效果图:html代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <m...原创 2020-03-18 00:37:30 · 757 阅读 · 0 评论 -
小米商城首页的实现
小米首页html代码在这里插入代码片css代码*{margin: 0;padding: 0;}ul,ol,li{ list-style: none;}img{ display: block;width: 100%;}a{ text-decoration: none;}h1,h2,h3,h4{ font-size:16px;}body{ font-size:14px; color:#0000...原创 2020-03-05 11:49:00 · 1544 阅读 · 0 评论 -
弹性布局之逆战班系列三
各位大佬晚上好!愉快的一天从问好开始,今天我为大家带来的时关于弹性布局的小知识点,首先,我们应该都知道弹性布局的优势是做一维布局,至于为什么,下文有解释哦!弹性布局之所以叫弹性布局,那是因为在(flex)的子容器可以充分的利用父容器的可用空间。好啦,首先为我们大家带上一张括谱图:好啦!接下来我们详细的说一下几个我们常用的弹性布局语法。首先是我们的原始代码和显示图:<style&g...原创 2020-03-04 23:00:25 · 173 阅读 · 0 评论 -
移动端rem布局之逆战班系列二
时光荏苒,岁月如梭。愉快的周末又到啦!经过这一周的时间,我们学到了移动端的布局。简单说一下哈,移动端布局简单分为两种布局方式:流式布局。它的好处是在大屏的情况下,可以显示更多的内容。坏处是在宽屏情况下我们的显示比例会变得有些不协调。rem布局。好的,到了咱们今天要说的rem布局啦!它的好处是在不同设备下(也就是屏幕的大小)内容结构会比较协调。也就是我们的内容会随着屏幕的大小进...原创 2020-03-01 13:11:21 · 287 阅读 · 0 评论 -
css3动画的基本用法之逆战班系列
首先,我们要想用css3来做一个动画,不可避免的要用到transition、transform和animation这三个属性值。transition的用法transition一共有4种组合方式,其中有transition-property:none | all ;指需要过渡效果的的css属性的名称。其中 all 是默认值,指定的是 width、height;none 是指没有任何方面过渡效...原创 2020-02-22 15:03:52 · 272 阅读 · 0 评论