![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
huayang183
不积跬步无以至千里
不积小流无以成江海
展开
-
CSS设置元素水平居中、垂直居中方式汇总
按照水平居中、垂直居中、行内元素、块级元素等条件进行组合获取效果水平居中:行内元素解决方案只需要把行内元素包裹在一个属性display为block的父层元素中,并且把父层元素添加如下属性即可:.parent { text-align:center;}水平居中:块状元素解决方案.item { /* 这里可以设置顶端外边距 */ margin: 10px auto;}水平居中:多个块状元素解决方案将元素的display属性设置为inline-block原创 2021-08-14 18:05:58 · 176 阅读 · 0 评论 -
element-ui 的table 怎么去除hover事件
样式设置 tr{pointer-events:none;} 即可,原创 2021-07-31 10:49:32 · 1498 阅读 · 0 评论 -
CSS cursor 属性
实例一些不同的光标:span.crosshair {cursor:crosshair;}span.help {cursor:help;}span.wait {cursor:wait;}可能的值值 描述 url 需使用的自定义光标的 URL。 注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。 default 默认光标(通常是一个箭头) auto 默认。浏览器设置的光标。 crosshair原创 2021-07-28 10:09:04 · 101 阅读 · 0 评论 -
CSS text-decoration 属性
实例设置 h1、h2、h3、h4 元素的文本修饰:h1 {text-decoration:overline}h2 {text-decoration:line-through}h3 {text-decoration:underline}h4 {text-decoration:blink}none 默认。定义标准的文本。 underline 定义文本下的一条线。 overline 定义文本上的一条线。 line-through 定义穿过文本下的一条线。原创 2021-07-28 10:09:17 · 183 阅读 · 0 评论 -
前端制作动画的几种方式(css3,js)
制作动态的网页是是前端工程师必备的技能,很好的实现动画能够极大的提高用户体验,增强交互效果,那么动画有多少实现方式,一直对此有选择恐惧症的我就总结一下,以便在开发的时候选择最好的实现方式。1.css的transition。语法:transition: property duration timing-function delay;property:填写需要变化的css属性如:width,line-height,font-size,color等;duration:完成过渡效果需要的时间原创 2020-06-16 14:59:33 · 1391 阅读 · 0 评论 -
span换行
span{ word-break:normal; width:auto; display:block; white-space:pre-wrap; word-wrap : break-word ; overflow: hidden ;} white-space -- 通过HTML文档的源代码的排版方式控制页面显示文本的排版方式...原创 2020-04-27 21:03:56 · 462 阅读 · 0 评论 -
CSS中scoped的作用
没有加scoped是会覆盖原有模板的样式,例如element ui 加了scoped不会覆盖模板的样式,有时需要修改模板的样式就要去掉。<style scoped>原创 2020-04-14 18:20:00 · 5843 阅读 · 0 评论 -
CSS中自适应屏幕分辨率
@media与@media screen区别 @media screen的css在打印设备里是无效的,而@media在打印设备里是有效的,如果css需要用在打印设备里,那么就用@media ,否则,就用@media screen。@media (max-width: 1199){ //<=1199的设备 }@media (max-width: 991px){ //<=9...原创 2020-04-11 15:07:43 · 1982 阅读 · 0 评论 -
CSS实现间隔线样式
<div style="float:left;width: 5px;height: 20px; background: #000;"></div>原创 2020-04-01 22:22:27 · 1407 阅读 · 0 评论 -
font-family:"微软雅黑"; 与 font-family:Microsoft YaHei; 的区别?
区别在于兼容性,1、font-family:Microsoft YaHei,兼容性强,不会有编码的问题;2、font-family:"微软雅黑";因为里面含有中文,所以有时候会出现乱码,导致字体失效。font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体族名称或/及...原创 2020-03-25 22:18:56 · 1792 阅读 · 0 评论 -
html中的空格表示
 最好用,两个它 == 一个汉字的宽度 ==   HTML提供了5种空格实体(space entity),它们拥有不同的宽度,非断行空格( )是常规空格的宽度,可运行于所有主流浏览器。其他几种空格(       ‌‍)在不同浏览器中宽度各异。 ...原创 2020-03-18 16:52:03 · 221 阅读 · 0 评论 -
css怎样使鼠标移到div上显示手型
新建一个html文件,命名为test.html,用于讲解css怎样使鼠标移到div上显示手型。 在test.html文件内,创建一个div模块,下面将使用css设置该div的样式,实现鼠标移到div上显示手型。 在test.html文件内,设置div的class属性为mydiv,主要用于css对该div进行样式定义。 在css标签中,使用“...原创 2020-03-18 16:50:57 · 4125 阅读 · 0 评论 -
<span>同时设置颜色和字体
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>20200318</title><style> .span{ color:blue; ...原创 2020-03-18 16:49:15 · 19941 阅读 · 2 评论 -
div加border样式
边框虚线样式:dashed 边框实现样式:solid border:1px dashed #000代表设置对象边框宽度为1px黑色虚线边框border:1px solid #000代表设置对象边框宽度为1px黑色实线边框...原创 2020-03-16 17:27:15 · 456 阅读 · 0 评论