随笔分类 - CSS案例

综合案例-新闻快报

摘要：#示例 #代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht 阅读全文

posted @ 2021-11-14 21:36 awsoyou 阅读(61) 评论(0) 推荐(0)

综合案例-产品模块

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 16:09 awsoyou 阅读(123) 评论(0) 推荐(0)

清除内外边距

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 16:08 awsoyou 阅读(106) 评论(0) 推荐(0)

外边距合并-嵌套块元素

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 16:07 awsoyou 阅读(104) 评论(0) 推荐(0)

外边距合并-相邻块级元素

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 16:06 awsoyou 阅读(73) 评论(0) 推荐(0)

行内元素和行内块元素水平居中

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 16:05 awsoyou 阅读(88) 评论(0) 推荐(0)

外边距典型应用-块级盒子水平居中对齐

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 16:04 awsoyou 阅读(71) 评论(0) 推荐(0)

盒子模型之外边距margin

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 16:03 awsoyou 阅读(68) 评论(0) 推荐(0)

padding不会影响盒子大小情况

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 16:02 awsoyou 阅读(170) 评论(0) 推荐(0)

小米侧边栏修改

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 16:01 awsoyou 阅读(417) 评论(0) 推荐(0)

padding应用-新浪导航

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 16:00 awsoyou 阅读(50) 评论(0) 推荐(0)

内边距会影响盒子实际大小

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 15:59 awsoyou 阅读(102) 评论(0) 推荐(0)

盒子模型之内边距复合写法

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 15:58 awsoyou 阅读(106) 评论(0) 推荐(0)

盒子模型之内边距padding

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 15:57 awsoyou 阅读(49) 评论(0) 推荐(0)

边框会影响盒子的实际大小

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 15:56 awsoyou 阅读(83) 评论(0) 推荐(0)

细线表格今日小说排行榜案例

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 15:55 awsoyou 阅读(110) 评论(0) 推荐(0)

边框的复合写法

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 15:53 awsoyou 阅读(101) 评论(0) 推荐(0)

盒子模型之边框

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 15:52 awsoyou 阅读(43) 评论(0) 推荐(0)

css权重练习1

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 15:51 awsoyou 阅读(54) 评论(0) 推荐(0)

css权重练习2

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 15:51 awsoyou 阅读(57) 评论(0) 推荐(0)