随笔分类 -  3.2前端css

8css 盒子模型
摘要：<!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 @ 2020-08-01 11:27 知否知否， 阅读(96) 评论(0) 推荐(0)
7css
摘要：重叠性，优先级，权重叠加 权重： 0，0，0，0：继承或者* 0，0，0，1：标签选择器 0，0，1，0：类选择器 0，1，0，0：id选择器 1，0，0，0：行内样式style 阅读全文
posted @ 2020-07-27 14:55 知否知否， 阅读(76) 评论(0) 推荐(0)
6css
摘要：<!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 @ 2020-07-27 11:57 知否知否， 阅读(117) 评论(0) 推荐(0)
5css
摘要：1块级元素 div 一行一个 可以设置w,h 2行级元素 <a> <span> 一行多个 不可以设置w,h 3行内块元素 <img> 一行多个 可以设置w,h 4转换 <display:inline>将块级元素转换为行级 <display:block>将行级元素转换为行级 <display:inli 阅读全文
posted @ 2020-07-27 10:55 知否知否， 阅读(167) 评论(0) 推荐(0)
4css
摘要：链接伪类 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http- 阅读全文
posted @ 2020-07-26 23:40 知否知否， 阅读(99) 评论(0) 推荐(0)
3css
摘要：后代选择器<style> .nav a { color:red; } </style> <div class="nav"> <a href="#">内部链接</a> <a href="#">内部链接</a> <a href="#">内部链接</a> </div> 子元素选择器 <style> div 阅读全文
posted @ 2020-07-26 23:14 知否知否， 阅读(79) 评论(0) 推荐(0)
2css
摘要：字体属性 <style> body { font-family:'Microsoft YaHei'; font-size: 22px; font-weight: 700; } </style> 文本颜色、对齐文本text-align、装饰文本text-decoration、文本缩进text-inde 阅读全文
posted @ 2020-07-25 20:02 知否知否， 阅读(132) 评论(0) 推荐(0)
1css
摘要：标签选择器 <style> p { color:red; font: size 12px; } </style> 类选择器 <style> .green { color:green } </style> <dl> <dt class="green">关注我们</dt> <dd>新浪微博</dd> < 阅读全文
posted @ 2020-07-24 21:10 知否知否， 阅读(63) 评论(0) 推荐(0)