2021年11月14日
综合案例-新闻快报
摘要： #示例 #代码 <!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 阅读(53) 评论(0) 推荐(0)
CSS第四天
摘要： css第03天 一、其他样式 1、圆角边框 在 CSS3 中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。 border-radius 属性用于设置元素的外边框圆角。 语法： border-radius:length; 参数值可以为数值或百分比的形式 如果是正方形，想要设置为一个圆，把数值修改 阅读全文
posted @ 2021-11-14 21:32 awsoyou 阅读(37) 评论(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 阅读(112) 评论(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 阅读(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:07 awsoyou 阅读(100) 评论(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 阅读(62) 评论(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 阅读(81) 评论(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 阅读(63) 评论(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 阅读(58) 评论(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 阅读(166) 评论(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 阅读(415) 评论(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 阅读(45) 评论(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 阅读(95) 评论(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 阅读(95) 评论(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 阅读(44) 评论(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 阅读(76) 评论(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 阅读(97) 评论(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 阅读(92) 评论(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 阅读(38) 评论(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 阅读(44) 评论(0) 推荐(0)