
CSS
文章平均质量分 82
CSS基础
小阿宁的猫猫
死在山野的风里,活在自由的梦里
展开
-
8.CSS分组、嵌套、尺寸和显示
1.分组选择器2.嵌套选择器(1)p{ }:(2).marked{ }:(3).marked p{ }:(4) p.marked{ }:3.尺寸(1)设置元素宽度和高度:(2)设置元素最大宽度与高度:(3)设置元素最小宽度与高度(4)设置行高:4.Display(显示) 与 Visibility(可见性)(1)隐藏元素:(2)改变元素区块与内联属性:5.演示代码amiao8.css6.演示结果......原创 2022-07-12 19:33:45 · 215 阅读 · 0 评论 -
10.CSS导航、下拉菜单和提示工具
1.垂直导航栏(1)导航栏实例(2)去除不必要元素:(3)范围可选:(4)垂直导航栏实例:(5)全屏高度的固定垂直导航栏:2.水平导航栏(1)内联列表项:(2)浮动列表项:(3)水平导航栏实例:3.下拉菜单4.提示工具5.演示代码amiao10.css6.演示结果...原创 2022-07-17 00:21:01 · 268 阅读 · 1 评论 -
9.CSS定位、溢出、浮动和对齐
1.定位(position)(1)static(静态)定位:(2)fixed(固定)定位:(3)relative(相对)定位:(4)absolute(绝对)定位:(5)sticky (粘性)定位:(6)重叠的元素:2.溢出3.浮动清除浮动(clear):4.对齐(1)元素居中对齐:(2)元素左右对齐①(absolute):②(float):(3)垂直居中对齐①(padding):②(line-height):③(position 和 transform):5.演示代码原创 2022-07-15 15:08:48 · 612 阅读 · 0 评论 -
11.CSS响应式表单和布局
1.表单(1)输入框(input)样式(2)输入框(input)边框(3)输入框(input) 颜色(4)输入框(input) 聚焦(5)文本框(textarea)样式(6)下拉菜单(select)样式(7)按钮样式2.响应式表单3.网页布局(1)头部区域(2)菜单导航区域4.响应式布局5.表单演示代码amiao11.css6.演示结果...原创 2022-07-18 00:15:22 · 308 阅读 · 0 评论 -
CSS盒子模型
1.什么是CSS盒子模型(1)平时看到的网页,一个单独的版块就是一个盒子(2)模型属性包括(3)元素的宽度和高度2.边框与轮廓(1)边框样式(border-style)(2)边框宽度(border-width):(3)边框宽度(border-width)(4)边框颜色(border-color)(5)轮廓(outline)3.外边距(margin)(1)margi属性定义元素周围的空间(2)定义不同的外边距(3(3)简写属性:4.填充(padding)5.代码演示6.演示结果原创 2022-07-11 21:17:37 · 190 阅读 · 1 评论 -
5.CSS基础
看完本节,你会了解到1.什么是CSS2.CSS语法(1)CSS 由两个部分构成:(2)注释:3.CSS选择器4.CSS样式表(1)外部样式表(External style sheet)(2)内部样式表(Internal style sheet)(3)内联样式(Inline style)(4)多重样式优先级...原创 2022-07-06 19:59:33 · 205 阅读 · 2 评论 -
6.五种元素的CSS样式
css设置网页的背景,文本,字体,连接,表格的方式及代码原创 2022-07-10 22:51:43 · 394 阅读 · 1 评论