上岸很慢的博客_CSS

009超链接伪类

代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>超链接伪类</title> <link rel="stylesheet" href="../css/014.css"> </head

html

css

a标签

原创 2022-07-15 10:56:45 41 阅读

022实现淘宝下三角

代码： <!DOCTYPE html> <html> <head> <m

html

css

原创 2022-07-15 10:52:06 40 阅读

024.登陆案列

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HttpServletLogin</title> <link rel="stylesheet" href="./login.css"> </head> <body> <!-- se

html

字段

滤镜

原创 2022-07-15 10:51:09 34 阅读

023>仿PDD官网

*{ margin: 0; padding: 0s; } .box{ position: fixed; top: 0; width: 100%; height: 103px; background-color: white; border-bottom: 4px solid red; } .div1

html

css

原创 2022-07-15 10:50:53 35 阅读

025.拼多多右侧导航栏二维码图片

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <<<link rel="stylesheet" href="../img/pdd002.css"> </head> <body> <div class="div

html

文字居中

块元素

原创 2022-07-15 10:50:42 54 阅读

027.拼多多首页导航布局

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>拼多多首页导航布局</title> <style type="text/css"> *{ /*

css

html

外边距

原创 2022-07-15 10:50:22 299 阅读

037.文本样式

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>2021-11-30字体样式</title> <style type="text/css"> /* 颜色：单词RGB：0~F

html

下划线

超链接

原创 2022-07-15 10:50:13 46 阅读

038.文本阴影和超链接伪类

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>2021-12-6</title> </head> <style type="text/css"> /*默认的颜色*/ a{ text-decoration: none; colo

html

css

原创 2022-07-15 10:49:59 28 阅读

008设置文本相对于图片中间显示

代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="../cs

html

css

原创 2022-07-15 10:10:04 67 阅读

010列表练习

代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="st

css

html

原创 2022-07-15 10:09:54 39 阅读

011登陆页面

代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>做一个仿制的登录页面</title> <li

css

html

登录页面

原创 2022-07-15 10:09:48 362 阅读

013display的使用

代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>display的使用</title

css

html

行内元素

原创 2022-07-15 10:09:40 36 阅读

014float的使用

代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>float的使用</title>

html

css

清除浮动

原创 2022-07-15 10:09:34 35 阅读

015解决父级边框塌陷问题

解决方案： 1、增加父级元素的高度 #father{ border: 1px #000 soild; height:500px; } 2、增加一个

父级元素

父类

清除浮动

原创 2022-07-15 10:09:27 75 阅读

016解决父级元素塌陷的问题（代码）

代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>解决父级元素塌陷的问题</title

html

清除浮动

父级元素

原创 2022-07-15 10:09:22 43 阅读

017相对定位

一.知识点相对定位：position:relative; 相对于原来的位置，进行指定的迁移，相对定位的话，它仍然在标

html

相对定位

css

原创 2022-07-15 10:09:14 49 阅读

018绝对定位

一.知识点定位：基于XXX定位，上下左右~ 没有父级元素的情况下，相对于浏览器定位假设父级元素存

父级元素

html

绝对定位

原创 2022-07-15 10:09:08 59 阅读

019z-index：默认是0，最高无限~ 999和opacity:0.5 /背景透明度

代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>z-index</title>

html

css

java

原创 2022-07-15 10:08:47 30 阅读

020导航栏

代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>QQ会员导航栏</titl

html

css

导航栏

原创 2022-07-15 10:08:41 58 阅读

021淘宝官网实现圆角

代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>001淘宝官网实现圆角

html

css

圆角

原创 2022-07-15 10:08:27 34 阅读

012让相片变成圆角

代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>让相片变成圆角</titleo

html

css

圆角

原创 2022-07-15 10:06:51 55 阅读

002后代选择器

002.后代选择器 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>后代选择器</title>

选择器

html

css

原创 2022-07-15 10:02:49 56 阅读

001层次选择器

001层次选择器（分类002-005）： 002：后代选择器：在某个元素后面 {祖爷爷爷爷爸爸我} /*后代

选择器

原创 2022-07-15 10:02:44 98 阅读

003子选择器

代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>子选择器</title> <link rel

html

css

选择器

原创 2022-07-15 10:02:38 35 阅读

004相邻兄弟选择器

代码： <!DOCTYPE html> <html> <!-- 如果需要选择紧接在另一个元素后的元素，而且二者有相同的父

html

选择器

css

原创 2022-07-15 10:02:32 74 阅读

005通用选择器

代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>通用选择器</title> <link

html

css

选择器

原创 2022-07-15 10:02:27 32 阅读

006类选择器

代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>类选择器</title> <

html

css

选择器

原创 2022-07-15 10:02:22 26 阅读

007ID选择器

代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ID选择器</title>

选择器

html

css

原创 2022-07-15 10:02:16 24 阅读

032.三种基本选择器（优先级：id选择器 > class选择器 > 标签选择器）

1.标签选择器：选择一类标签 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <titl

选择器

html

css

原创 2022-07-15 09:51:07 256 阅读

026.央视官网顶部banner及导航布局

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>2021-11-6</title> <style type

html

css

原创 2022-07-15 09:51:01 39 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx62cfec15551e8的博客

009超链接伪类

022实现淘宝下三角

024.登陆案列

023>仿PDD官网

025.拼多多右侧导航栏二维码图片

027.拼多多首页导航布局

037.文本样式

038.文本阴影和超链接伪类

008设置文本相对于图片中间显示

010列表练习

011登陆页面

013display的使用

014float的使用

015解决父级边框塌陷问题

016解决父级元素塌陷的问题（代码）

017相对定位

018绝对定位

019z-index：默认是0，最高无限~ 999和opacity:0.5 /背景透明度

020导航栏

021淘宝官网实现圆角

012让相片变成圆角

002后代选择器

001层次选择器

003子选择器

004相邻兄弟选择器

005通用选择器

006类选择器

007ID选择器

032.三种基本选择器（优先级：id选择器 > class选择器 > 标签选择器）

026.央视官网顶部banner及导航布局