CSS
关注
分享
扫一扫
CSS
Mudrock__
这个作者很懒，什么都没留下…
展开
-
CSS_层级与透明度
<!-- z-index 层级 默认为最小值0 最大值无上限 opacity 透明度 0-1 --> 代码段 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- z-index层级 默认为最小值0 最大值无上限 --> <style> .原创 2022-04-21 11:14:08 · 186 阅读 · 0 评论 -
CSS_定位
<!-- position 偏移方位： top、bottom、left、right 定位方式： 默认定位：static 此时不受偏移方位影响 相对定位：relative 偏移相对于默认定位而言 绝对定位：absolute 偏移相对于最近的已定位的父级元素 若无则相对于<html>定位 fixed 偏移相对于浏览器窗口 一般遵循子绝父相 即父级元素相对定位 子级元素绝对定位 --> 代码段 <!DOCTYPE ht.原创 2022-04-21 10:30:39 · 119 阅读 · 0 评论 -
CSS_浮动
<!-- 浮动主要用于排版、让文字围绕浮动元素等 float left 向左浮动 right 向右浮动 none 不浮动 clear left 元素左边不允许存在浮动元素 right 元素右边不允许存在浮动元素 both 元素两边不允许存在浮动元素 注：img的clear样式需自身处于浮动状态才生效 --> 代码段 <!DOCTYPE html> <html lang="en"> <head> ...原创 2022-04-20 21:22:04 · 186 阅读 · 0 评论 -
CSS_行级元素与块级元素的转换
<!-- inline 行元素 block 块元素 inline-block 是块元素 但是可以内联在一行 none 使其消失 --> 代码段 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- inline 行元素 block 块元素 i.原创 2022-04-20 21:08:31 · 567 阅读 · 0 评论 -
CSS_盒子模型
<!-- box大小 margin+border+padding+内容范围 box居中 margin: 上下边距 auto margin 外边距 一参数: 上下左右 二参数: 上下 左右 四参数: 上 右 下 左 padding 内边距 参数情况同margin border 边框 border-radius 边角圆化 参数为圆化半径 --> ...原创 2022-04-20 21:06:15 · 64 阅读 · 0 评论 -
CSS_样式
文字样式 <!-- font-size 大小 font-family 字体 可以同时设置中文字体和英文字体 英文字体在前 font-weight 粗细 font 风格(斜体oblique) 粗细 大小 字体 color 颜色 --> 文本样式 <!-- color 颜色 width 标签宽度 height 标签高度 background 背景颜色 text-align 对齐方式 left center right text-indent 首行缩进 一般以em(字符)为单位 te原创 2022-04-20 20:36:37 · 266 阅读 · 0 评论 -
CSS_选择器
基本选择器 标签选择器 选中所有该种标签 h1{ color: gray; } 类选择器 选中属于该类的所有标签 .class{ color: aqua; } id选择器 id全局唯一 且不可以数字开头 #id{ color: blue; } 层次选择器 注：选择器为基础选择器 后代选择器(空格) 选中所有该层次下的该种标签 选择器 标签类型{ style; } 子代选择器(>) 选中子代中所有该种标签 选择器>标签类型{ style.原创 2022-04-20 19:50:55 · 83 阅读 · 0 评论 -
CSS_CSS的导入方式
<!--外部样式--> <link rel="stylesheet" href="CSS的三种导入方式.css"> <!--内部样式--> <style> h1{ color: aqua; } </style> <!--行内样式--> <h1 style="color: gray">我是标题</h1> 优先级 遵循就近原则。由于行内样式处于标签内部，故...原创 2022-04-20 19:05:01 · 134 阅读 · 0 评论