html
旧爱学长
微信公众号:旧爱学长
展开
-
垂直居中,水平居中,水平垂直居中
文章目录一、垂直居中二、水平居中三、水平垂直居中参考一、垂直居中二、水平居中三、水平垂直居中原创 2020-06-13 18:35:08 · 203 阅读 · 0 评论 -
HTML——十五
一、过渡效果:transition二、动画效果:animationwhite-space: nowrap;text-overflow:ellipsis;vertical-align: top;超出隐藏(overflow:hidden;)、强制在同一行显示(white-space: nowrap;)、省略号(text-overflow:ellipsis;)table...原创 2019-09-28 22:05:15 · 161 阅读 · 0 评论 -
HTML——十四
一、语义化标签:figurefigcaptionmarkarticletime二、旋转transform:rotate(45deg);三、css3多行显示省略号overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2...原创 2019-09-28 21:35:40 · 1188 阅读 · 0 评论 -
THML——十二(父元素塌陷)
一、链接css样式1、basic基础的 <link rel="stylesheet" type="text/css" href="css/basic.css">链接一个基础的css样式(头部、底部都一样时,那个页面用到直接链接css样式)与下列例子功能一样(用下列可以少链接一个css样式)/*公共样式*/* {margin:0;padding:0;/* box-sizin...原创 2019-09-19 21:35:06 · 467 阅读 · 0 评论 -
THML——十一
一、多行文本垂直居中来源链接1、display:table和table-cell如何让文字垂直居中?父元素:display:table;块级表格元素子元素:display:table-cell;表格单元格vertical-align: middle;多行文字垂直居中例如:.div1{ display: table; width: 1200px; height: 600px...原创 2019-09-17 17:18:12 · 274 阅读 · 0 评论 -
HTML——十(行内元素的padding和margin是否无效)
figure语义化标签相当于div用作文档中插图的图像:<figure> <p>黄浦江上的的卢浦大桥</p> <img src="shanghai_lupu_bridge.jpg" width="350" height="234" /></figure>figcaption语义化标签相当于p用作文档中插图的图像,带有一...原创 2019-09-12 16:17:54 · 663 阅读 · 0 评论 -
THML——九
input标签(行内标签)placeholder:占位文字password:密码checked:checked 属性规定在页面加载时应该被预先选定的 input 元素。checked 属性 与 或 配合使用。selected: selected 属性规定在页面加载时预先选定该选项。被预选的选项会显示在下拉列表最前面的位置。resize:重置尺寸1、文本域用户:2、密码域密...原创 2019-09-10 21:54:02 · 401 阅读 · 0 评论 -
THML——八(轮播图/overflow——css属性/公用样式)
1、进入Swiper中文网overflow原创 2019-09-05 11:26:53 · 373 阅读 · 0 评论 -
THML——七(网页规范)
1.一个网页中源信息要有下面几行内容原创 2019-08-30 23:00:47 · 339 阅读 · 1 评论 -
HTML——六(定位、选择器)
流:标准流和非标准流详细介绍一、定位: 绝对定位 相对定位 固定定位 静态定位 position:位置 absolute relative fixed static(1)绝对定位:1.离开了位置被占用,在标准流的情况下,是以body左上角的延长线为参考物2.在非标准流的...原创 2019-08-27 18:46:43 · 250 阅读 · 0 评论 -
HTML——五
其他:item主题container容器clear清除opacity:0-1透明dispaly:none让物体消失dispaly:inline让物体出现,成为块元素一、css浮动知识点:浮动原理:浮动在当前行,脱离原来文本,进入到新的一层(浮动层),然后在设定的方向(左右)移动,直到遇到父级盒子的边缘,或者其他浮动块的边缘停止。.浮动坍塌:当父级盒子没有设置具体高度,并且子级浮动...原创 2019-08-22 20:05:59 · 142 阅读 · 0 评论 -
HTML——四
块级元素和行内元素和内联块概念的认识块元素:他本身是可以具有宽高,而且他必须独占一行例如:div、ul、ol、dl、dd、dt行内元素:他本事是不具有宽高(给他宽高不起作用),他允许其他跟在其前后span、s、em、i、del、a、img内联块:他具有宽高,同时可以允许其他元素跟在后面块级元素和行内元素和内联块之间的转换display:inline;块变成行display:blo...原创 2019-08-20 19:30:10 · 871 阅读 · 0 评论 -
HTML的标签、属性;css标签(长期更新19-9-5)
一、HTML的标签:tag1. 2. 3. 4.5.6. 7.<h1~h5> </h1~h5>8. 9. 10. 11. 12.<i、em> </u、em>13. 14. 15.<b、strong> </b、strong>16. 17. 18. 19. 20. 21....原创 2019-08-19 13:30:01 · 171 阅读 · 0 评论 -
HTML——二
样式:行内写法、内联写法 链接写法style样式attr 属性 tag:标签#f00 红色 #f60明黄色 #0f0绿色 #fff白色 #ccc灰色font-size字体大小font-family:字体shift+ctrl+?注释px 像素 ;网页默认正文16px行内写法:<h1 style= "color: #f00; font-size:28px; fo...原创 2019-08-13 12:13:02 · 164 阅读 · 0 评论 -
HTML——三
shift+tab前进 ;tab后退shift+7 一个空格 & 特殊符号空一格<p class="tit1"> 青年一代有理想、有本领、有担当,<u>国家</u>就有前途,民族就有希望。实现中华民族伟大复兴的中国梦,离不开一代代青年的接力奋斗。希...原创 2019-08-15 14:20:05 · 241 阅读 · 0 评论 -
HTML——一
1.HTML超文本标记语言2.<!DOC TYPE html> Doc计算机文档 type类型3.Ctrl+u网页显示源码 在所有网页中4.body身体 /代表结束 head头部5,meta 元信息 charset 字符集 utf-8万国码 网页大大脑6.h1 代表网页中最大的标题7.img 图片 src链接 alt替代文本8.添加视...原创 2019-07-26 20:31:20 · 289 阅读 · 0 评论