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.css 6.演示结果......原创 2022-07-12 19:33:45 · 165 阅读 · 0 评论 -
10.CSS导航、下拉菜单和提示工具
1.垂直导航栏 (1)导航栏实例 (2)去除不必要元素: (3)范围可选: (4)垂直导航栏实例: (5)全屏高度的固定垂直导航栏: 2.水平导航栏 (1)内联列表项: (2)浮动列表项: (3)水平导航栏实例: 3.下拉菜单 4.提示工具 5.演示代码 amiao10.css 6.演示结果...原创 2022-07-17 00:21:01 · 230 阅读 · 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 · 575 阅读 · 0 评论 -
11.CSS响应式表单和布局
1.表单 (1)输入框(input)样式 (2)输入框(input)边框 (3)输入框(input) 颜色 (4)输入框(input) 聚焦 (5)文本框(textarea)样式 (6)下拉菜单(select)样式 (7)按钮样式 2.响应式表单 3.网页布局 (1)头部区域 (2)菜单导航区域 4.响应式布局 5.表单演示代码 amiao11.css 6.演示结果...原创 2022-07-18 00:15:22 · 246 阅读 · 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 · 142 阅读 · 1 评论 -
5.CSS基础
看完本节,你会了解到 1.什么是CSS 2.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 · 157 阅读 · 2 评论 -
6.五种元素的CSS样式
css设置网页的背景,文本,字体,连接,表格的方式及代码原创 2022-07-10 22:51:43 · 357 阅读 · 1 评论