css
文章平均质量分 65
素心如月桠
实习第一年 要努力呀
展开
-
移动端布局
切换到移动端视口,字体会自动适应屏幕放大1.2.2 背景缩放 background-size【重点】值为contain:1.3 特殊样式ul给100% li给50% 25% 25%就可以实现放大页面里面的子元素也随之放大但是不能无限放大,给max-width和min-width让span123排列在主轴居中对齐让span123排列方式平分剩余空间:justify-content:space-around原创 2022-09-30 17:31:09 · 773 阅读 · 0 评论 -
奔跑的北极熊
【代码】奔跑的北极熊。原创 2022-09-28 18:35:27 · 105 阅读 · 0 评论 -
写了伪类before和after运行不显示
我们可以看见页面中并没有出现before元素,这是因为伪元素要生效,必须添加 content 属性。原创 2022-09-27 10:44:36 · 2231 阅读 · 1 评论 -
购物网站制作——分类导航栏nav(index.html)
购物网站制作——分类导航栏nav(index.html)原创 2022-09-25 11:53:16 · 1333 阅读 · 0 评论 -
购物网站制作——头部header(index.html)
给a标签一个title,鼠标经过图片时有文字提示最后要把给的背景颜色都删除1.2 search搜索框1.3 热搜词1.3 购物车原创 2022-09-24 22:05:19 · 3018 阅读 · 1 评论 -
购物网站制作——顶部导航栏(index.html)
【代码】购物网站制作——导航栏(index.html)原创 2022-09-24 19:22:07 · 2717 阅读 · 0 评论 -
CSS3新特性
伪元素不能设置高和宽:1. display:inline-block 2. 加上定位position:absolute。even是偶数的孩子,odd是奇数的孩子。原创 2022-09-23 22:57:34 · 379 阅读 · 0 评论 -
CSS高级布局例题详解
1.如果什么都不加,会有一边的边框被另一边的压住,只有三条边看到样式发生改变。更:盒子合并在一起后,如果要做鼠标经过改变盒子样式的效果。3.如果有定位,则加z-index改变层级。2.如果没有定位,则给盒子加相对定位即可。添加代码:margin负值。原创 2022-09-22 10:47:01 · 182 阅读 · 0 评论 -
CSS显示与隐藏遮罩层
css显示和隐藏遮罩层原创 2022-09-19 19:26:04 · 389 阅读 · 0 评论 -
小米商城阴影+弹起效果
小米商城阴影+弹起效果原创 2022-09-18 12:47:49 · 367 阅读 · 0 评论 -
CSS入门学习笔记例题详解(二)
【代码】CSS入门学习笔记例题详解(下)原创 2022-09-17 17:52:56 · 263 阅读 · 0 评论 -
小米商城侧边栏【显示向右箭头】
*距离上个盒子的上边有10px*//*距离上个盒子的底部有10px*//* 单行文字垂直居中 *//*背景图片x轴的距离*//*背景图片是否平铺*//*背景图片位置*//*背景图片大小*/原创 2022-09-16 21:00:47 · 1463 阅读 · 0 评论 -
CSS入门学习笔记例题详解(一)
优先级:行内样式>ID选择器>类选择器>标签选择器原因:首先加载标签选择器,再加载类选择器,然后加载ID选择器,最后加载行内样式后加载会覆盖先加载的同名样式。原创 2022-09-13 16:46:01 · 645 阅读 · 1 评论 -
meta标签属性
meta的属性先看代码注释<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <!--设置网页的作者--> <meta name="author" content="徐美琪"/> <!--设置网页的关键词--> <meta name="keywords" content="IT培训"/> <!--设置网页的描述--&g原创 2021-12-21 16:23:00 · 205 阅读 · 0 评论 -
简洁版小米侧边栏案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-04-16 21:07:45 · 423 阅读 · 0 评论 -
行内元素和块级元素的转化
赛赛原创 2021-04-16 13:46:51 · 882 阅读 · 0 评论 -
选择器
一、子代选择器和后代选择器例题:把a标签的 百度改为红色 酷狗改为蓝色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ini原创 2021-04-16 13:30:46 · 112 阅读 · 0 评论 -
使用vscode学习HTML5+CSS3
把 行内元素 a 转化成 块级元素……原创 2021-04-16 10:54:00 · 584 阅读 · 0 评论 -
emmet快速生成HTML结构语法+ CSS样式
代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title.原创 2021-04-16 10:52:17 · 174 阅读 · 0 评论