初学Web笔记 css day10

一.文字阴影
text-shadow: 水平 垂直 羽化 颜色

响应式网页：根据设备的宽度自动切换
二.媒体查询
@media (min-width: 576px) { }
@media (min-width: 768px) { }
@media (min-width: 992px) { }
@media (min-width:1200px) { }
@media (min-width:1400px) { }
三.视口标签
为了让网页的宽度为设备的宽度

快捷键 meta:vp
练习：结合着媒体查询，对一个盒子样式控制，本身样式为圆形，随着设备宽度变化，样式跟着变化。

四.bootstrap
是Twitter公司的开发的UI框架，用于响应式网站开发的一款框架
使用文档
https://v5.bootcss.com/docs/5.1/getting-started/introduction/
1.容器
container 用于设置响应式的版心
container-fluid 宽度为100%的容器

2.断点
已经写好的媒体查询

3.表格

table是基础的类，也可以根据需要添加不同的类
table-striped 条纹效果，隔行换色

课后任务
查看bootstrap文档中 ：图片、表单、工具类
继续丰富汉唐网站.