![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
c0120_
这个作者很懒,什么都没留下…
展开
-
0129
原创 2021-01-29 17:53:58 · 63 阅读 · 0 评论 -
日报1218
水平垂直布局 内联元素 水平居中 设置父级样式 text-align:center 垂直居中 设置父级样式 line-heigh:父级高度 块级元素 水平居中 设置自身 margin-left:auto margin-right:auto 垂直居中 设置自身 margin-top:父级的高度的一半 transform:translateY(-50%); 行内块 水平居中 设置父级 text-align:center 垂直居中 设置自身 margin-to原创 2020-12-21 17:13:30 · 102 阅读 · 0 评论 -
日报1218
display 显示与隐藏 display:none 隐藏对象 display:block 除块级元素以外还显示其他元素 让元素消失 display:none 让元素显示 display:其它样式 visibility visibility:visible; 对象可视 visibility:hidden 对象隐藏 属性 区别 用途 display 隐藏对象不保留 visibility overflow ...原创 2020-12-18 17:06:24 · 65 阅读 · 0 评论 -
日报1216
旋转 语法 transform:rotate(度数) 单位deg 角度为正时,顺时针 角度为负时,逆时针 默认旋转中心点是元素的中心点 设置旋转的中心点 语法 transform-origin:x y; 位移方法 语法 transform:translate(x,y) 或者 transform:translateX(n) transform:translateY(n) 综合写法 2d转换 同时使用多个转换 格式 transform:translate()rotate()scale()等 顺原创 2020-12-17 22:45:52 · 58 阅读 · 0 评论 -
日报1215
定位 定位的组成 定位=定位模式+边偏移 定位模式 通过position属性定义元素的定位模式语法如下: 选择器{ position: 属性值; } 定位模式是有不同的分类的,在不同的情况下,要用不同的定位模式 值 语义 static 静态定位 relative 相对定位 absolute 绝对定位 fixed 固定定位 边偏移 边偏移属性 示例 描述 top top:80px 顶端偏移量,定义元素相对于其父元素上边线的距离 bottom botto原创 2020-12-15 20:13:56 · 76 阅读 · 0 评论 -
日报1205
CSS 文本样式 font-size (默认:inherited,继承父级大小)(像素:px、百分比:%、倍数:em)(小:small、大:large、正常:medium) font-weight (默认:normal、普通)(粗体:bold、有强调的意思、粗细700)(自定义:100-900) font-family 格式:“宋体”,“Arial”;)添加多种字体,用逗号隔开、防止一些用户没有第一种字体,就会显示第二种字体 font-style (默认:normal)(有斜体的字体原创 2020-12-07 20:34:09 · 94 阅读 · 0 评论 -
日报1204
css外观样式 颜色的表达样式 英文单词 十六进制 rgb(红,绿,蓝) 背景颜色属性 background-color:颜色 文字水平对齐 text-align:left|center|right 行高 line-height:高数 如果行高较父级的高度偏大,文字会低于盒子中线 如果行高较父级的高度偏小,文字会高于盒子中线 首行缩进 text-indent:缩进距离 文本装饰 text-decoration:none|underline|overline|line-throuth css原创 2020-12-05 09:10:00 · 84 阅读 · 0 评论 -
2020-12-04
表单结构 <form action=""> <input name="" type=""> <input type=""> </form> 表单控件:input <input type="text"> <!-- 文本框 --> <input type="password"> <!-- 密码框 --> <input type="radio"> <!-- 单选按钮 --> <原创 2020-12-04 11:02:55 · 109 阅读 · 0 评论 -
日报1128
列表 ul 无序列表 ol 有序列表 li 列表项 dl 自定义列表 dt 定义列表的项目 dd 定义列表中项目的描述 表格 th 表头单元格标签 caption 表格标题标签 thead 题头 tbody 正文 tfoot 脚注 属性 width 表格宽度 border 边框 cellspacing 单元格之间的间距 cellpadding 单元格内容与边框的间距 align 水平对齐 valign 垂直对齐 colspan 跨列合并 rowspan 跨行合并 ...原创 2020-12-04 10:59:14 · 74 阅读 · 0 评论 -
日报1127
emmet语法 快捷生成HTML骨架 ! 生成一个标签 标签名 生成多个标签 标签名*数字 例子 生成八个P标签 P*8 父子关系 父标签>子标签 例子 生成div标签包裹a标签 div>a 一个夫亲多个儿子 父标签>子标签*数字 例子 div标签下有3个a标签 div>a*3 生成兄弟标签 兄弟1+兄弟2 带孩兄弟 (兄弟1>孩子)+(兄弟2>孩子) 有id属性的标签 标签#id名称 例子 生成id为one的p标签 p#one 有原创 2020-11-30 23:00:36 · 46 阅读 · 0 评论 -
HTML 初始知识
HTML骨架 <html> <head> <title></title> </head> <body></body> </html> 骨架的细节 doctype——声名文档 lang——语言 charset——字符编码 排版标签 标题标签 <h1>标题一</h1> ... <h6>标题六</h6> 段落标签 <原创 2020-11-27 11:04:56 · 58 阅读 · 0 评论