html基础入门
小满blue
这个作者很懒,什么都没留下…
展开
-
html基础入门----简单动画
animation: 动画名 执行时间 延迟时间 次数 曲线 执行方向;执行方向从form到to,再从to到from:alternate。注意:如果有多个动画执行,用逗号隔开。次数无数次:infinite。运动曲线匀速:linear。原创 2021-09-22 20:56:59 · 1749 阅读 · 0 评论 -
html基础入门----选择器
1.属性选择器e[title]——选中有title属性的元素e e[title=value]——选中有title属性的值为value的元素e e[title^=value]——选中有title属性的值以value开头的元素e e[title$=value]——选中有title属性的值以value结束的元素e2.层级选择器e f{ } //选中e的后代fe>f{ } //选中e的儿子fe,f{ } //选中e和fe+f{ } //选中相邻的f(f一定在e后面原创 2021-09-22 20:35:43 · 405 阅读 · 0 评论 -
html----清除浮动
方式一: 给浮动元素的父亲设置overflow:hidden;方式二: 给浮动元素最后面添加一个空的兄弟div,给该元素加个类名.clear,给它设置样式clear:both; 注意:该元素身上不能有其他样式。方式三:给浮动元素的父亲添加类名 clearfix,设置样式:.clearfix:after{display:block;content:'';...原创 2021-09-21 16:21:18 · 94 阅读 · 0 评论 -
html基础入门----盒子模型的不同模型
默认有文档声明的为标准模式(即文档有<!DOCTYPE html),没有文档声明的,在IE低版本会触发怪异模式。两个模式的区别:标准模式:元素的实际占据的宽度=width+margin+padding+border;(水平方向上)怪异模式:元素实际占据宽度=width+margin;说明:如果想要设置盒子的内边距padding,但是不想更改宽高,又不想盒子变大,就可以把盒子转换为怪异模式。设置盒子的盒子模型的模式:box-sizing:border-box; ...原创 2021-09-21 16:02:37 · 96 阅读 · 0 评论 -
html基础入门----盒子完全居中
利用定位方式一(代码):position:fixed/absolute;top:50%;left:50%;margin-top:-高度的一半;margin-left:-宽度的一半;说明:fixed是基于浏览器窗口进行定位的,absolute基于最近的被设置非静态定位的上级元素进行定位的。所以,如果使用absolute,就给他父元素设置非静态定位,一般为设为relative。 设置margin-top,margin-left的值为盒子高度,宽度的负的一半。方式二:pos原创 2021-09-21 15:49:49 · 2726 阅读 · 0 评论 -
html基础入门----单行文本溢出显示省略号
效果图:实现步骤:设置盒子的宽度 width:*px; 设置强制不换行 white-space:nowrap; 设置溢出隐藏 overflow:hidden; 设置溢出隐藏的标识为省略号 text-overflow:ellipsis;实现代码截图:说明:span标签不能设置宽度,所以不能实...原创 2021-09-21 15:00:38 · 86 阅读 · 0 评论