![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
qq_46472106
这个作者很懒,什么都没留下…
展开
-
文本超出部分用省略号代替,鼠标移上去显示全部内容
overflow: hidden; text-overflow: ellipsis; //超出部分以省略号显示 white-space: nowrap; width: 280px;原创 2022-03-08 12:16:02 · 569 阅读 · 0 评论 -
取消滚动条 js
js取消给滚动条原创 2022-03-08 11:33:55 · 1326 阅读 · 0 评论 -
antd让form表单右对齐
form表单对齐原创 2022-03-08 11:13:50 · 3555 阅读 · 0 评论 -
css中link和@import的区别
css中link和@import的区别1) 所属范围 @import是 CSS 的语法,只能导入样式 link是 HTML 的标签,不仅可以加载 CSS 文件,还可以定义 rel 属性 rel="stylesheet"表示调用外部样式表2) 加载顺序 页面加载时,link标签引入的 CSS 被同时加载 @import引入的 CSS 将在页面加载完毕后被加载3) 兼容性区别 @import需要IE5+ link标签,不存在兼容性问题原创 2020-08-09 14:42:52 · 76 阅读 · 0 评论 -
css中如何给行内元素设置宽高
如何给行内元素设置宽高– 将行内元素设置为块级元素、脱离文档流1) 使用displaydisplay:block/inline-block2) 使用positionposition:absolute/fixed3) 使用floatfloat:left/right原创 2020-08-09 14:41:28 · 859 阅读 · 0 评论 -
css中块级元素和行内元素的区别
块级元素与行内元素的区别块级元素div、h1~h5、p、html、body、ul、li1) 独占一行2) 默认宽度为100%,默认高度由子元素或者内容决定3) 可以为其指定宽高 style=“width:;height:;”行内元素span、a、img、strong、i1) 与其他行内元素共享一行2) 默认宽高由内容决定3) 不能为其指定宽和高4) 行内元素中不可以嵌套块元素,但块元素中可以嵌套行内元素...原创 2020-08-09 14:39:54 · 173 阅读 · 0 评论 -
css中清除浮动的方式
清除浮动的方式什么是浮动:元素使用float:left/right;后,会脱离文档流,父级元素因此失去支撑(如果没有设置高度),下面的元素就会忽略父元素开始布局常用方式:浮动元素的父级元素:overflow:hidden;浮动元素的父级元素: ::after{clear:both;content:’’;display:block;}浮动元素的同级:添加一个空标签,并且设置clear:both;...原创 2020-08-09 14:38:30 · 95 阅读 · 0 评论 -
css 动画 day05
Css动画1.定义动画轨迹@keyframes 轨迹名称{from{//开始位置的样式}to{//结束位置的样式}}@keyframes 轨迹名称{ 0%{} 50%{} 60%{} 100%{}}2.元素执行轨迹div{animation-name:轨迹名称}①动画的速度曲线( animation-timing-function )ü ease默认值ü ease-in先慢后快ü ease-out先快后慢ü ease-in-out先慢后快再慢ü l原创 2020-08-09 14:36:10 · 118 阅读 · 0 评论 -
css中如何让元素在父元素中水平或垂直居中
如何让元素在父元素中水平或垂直居中一、行内元素:text-align:centerline-height:height二、块级元素:1.给父元素设置display:flex属性align-items:centerjustify-content:center2.给父元素设置display:flex属性,给子元素设置margin:auto3.给父元素设置定位属性,子元素设置绝对定位,并且使用配合属性left:50%;top:50%;让子元素左上角移动到父元素中心位置;然后再让子元素使用margi原创 2020-08-09 14:32:05 · 662 阅读 · 0 评论 -
css中外边距的合并问题
外边距合并问题1.父子级①给父元素添加边框属性②给父元素/子元素添加浮动属性③给父元素/子元素添加定位属性④给父元素设置overflow:hidden属性(有滚动条的不要用)⑤给父元素设置display:inline-block (子级没用)⑥给本应该设置给子元素的外边距设置给父元素的内边距(父元素的内边距变大了,盒子就变大了)2.兄弟级解决:将本应该设置给两个元素的外边距设置给一个元素合并规则:①两个均是正数时,取较大的一个②两个均是负数时,取绝对值较大的一个③当两个数值一正一负时原创 2020-08-09 14:30:26 · 76 阅读 · 0 评论 -
css布局
Css布局display布局display:inline:将块级元素转化为行内元素block:将行内元素转化为块级元素inline-block:将当前元素转化为兼具行内和块级元素特性的元素浮动布局一、默认文档流从上到下 从左到右的基础文档流二、浮动布局1.float的属性值:left/right/none/inherit(继承父类的浮动方式)2.特点:块级元素设置了浮动属性就是去了独占一行的特性行内元素设置了浮动属性就可以设置宽高属性浮动元素原本是为了文字包裹图片的,所以浮动属性不原创 2020-08-09 14:29:21 · 112 阅读 · 0 评论 -
选项卡的logo如何设置
选项卡logo:16px16px.icohttp://www.ico51.cn/ (免费生成icon的网址)1.获取一个ico格式图标16px16px2.在html页面中引入图标<link rel="shortcut icon" type='images/-icon' href="">原创 2020-08-09 13:39:44 · 158 阅读 · 0 评论 -
css 盒子
css盒子 day02盒子模型一、标准盒子/默认盒子/w3c盒子box-sizing:content-box特点:width=content问题:盒子的width:100px;border:1px;padding=10px;margin=10px1.盒子的内容区域的宽度?width:100px2.盒子的宽度width=content+padding+border=1222.盒子在浏览器中占用的宽度?width=盒子的width+margin=1443.盒子在浏览器中占用的宽度wid原创 2020-08-01 15:15:22 · 141 阅读 · 0 评论 -
CSS选择器及样式
CSS 入门 day01css一、什么是css?css是层叠样式表,是一个用于修饰文档的语言二、css语法1.属性名和属性值之间用“:”隔开多对属性用“;”隔开最后一对属性可以不加“;”2.速记写法(简写形式)border:1px solid redborder-width:1pxborder-top-widthborder-left-widthborder-right-widthborder-bottom-width一个1px 可以写成4个 相当于12个padding:1原创 2020-08-01 13:17:50 · 248 阅读 · 0 评论