### Bootstrap框架知识点 1. **Bootstrap表单元素样式类** - 在Bootstrap框架中,要给``表单元素添加圆角属性和阴影效果,应使用`.form-control`类。 2. **Bootstrap图片响应式布局类** - `.img-responsive`类使得图片支持响应式布局,实现原理是设置`max-width: 100%;`和`height: auto;`。 3. **Bootstrap移动端导航条折叠功能** - 在移动端使用Bootstrap时,导航条的折叠功能是通过设置折叠按钮`data-toggle='collapse'`,折叠容器需添加`collapse`类来实现。 4. **Bootstrap导航内容填充类** - `.nav`的内容要按比例填充所有可用空间,应添加`.nav-fill`类。 5. **Bootstrap标签页内容容器** - 使用Bootstrap的tab标签页插件时,要显示的内容应放在`.tab-content`容器内。 6. **HTML5语义化标签** - ``标签不是HTML5的语义化标签。 ### CSS3相关知识点 1. **CSS3盒模型属性** - 在CSS3盒模型中,当`box-sizing`属性设置为`content-box`时,元素的宽度仅包括内容区域,不包括边框和内边距的宽度。 2. **CSS3线性渐变效果** - 实现从右上角到左下角的线性渐变效果,起点颜色从白色到黑色,正确的写法是`background: linear-gradient(225deg, rgba(0,0,0,1), rgba(255,255,255,1));`。 3. **Bootstrap导航对齐类** - `.nav-center`使导航内容居中对齐,`.nav-fill`使导航内容填充所有可用空间,而`.nav-left`和`.nav-right`分别使导航内容左对齐和右对齐。 4. **响应式布局和栅格系统** - Bootstrap框架提供了栅格系统,支持响应式布局,使得网页内容在不同屏幕尺寸下都能够合理显示。 5. **语义化标签的作用** - HTML5引入的语义化标签如`
`, `
`, `
`, `