首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    CSS」linear-gradient()属性

    B站昨天晚上就给我推送了个关于HTML&CSS前端的视频,于是乎本着学习( wu liao)的态度,点开看了下竟然觉得还挺有意思——这不,今天上午就给网站的归档页面增加了这个无聊的小功能。...思路有了,就是用css来实现了,具体的代码也不难: .card { height: 190px; transition: 0.5s; } .card .imgBx { width...伪元素的背景也比较讲究,有一个线性渐变的效果: background: linear-gradient(transparent, #ff3c7b, #ff3c7b, #ff3c7b, transparent); 关于属性...关键帧动画的学习,你可以查看我的博友新月云的这篇博客:CSS动画详解。...延伸 上面提到了一个css属性:linear-gradient(),在菜鸟教程看了下讲解感觉挺有意思的,然后就深入研究了下?

    75920

    CSS中字体和文本关键属性

    font-weight 字体粗细 属性 说明 对应 norml 正常(默认) 100 lighter 较细 400 bold 较粗 700 bolder 很粗 900 font-style 字体风格...属性 说明 normal 正常(默认) italic 斜体 oblique 斜体 在这里,有些字体有斜体italic属性,但有些字体却没有italic属性,oblique是让没有italic属性的字体也能够有斜体效果...首行缩进:text-indent:通常可以使用6个   来设置首行缩进,但是为了不冗余代码,我们建议使用text-indent来设置首行缩进,text-indent应该是font-size的...水平对齐:text-align:不仅对文本有效也对图片有效,有三个:left(左对齐),center(居中对齐),right(右对齐) 文本修饰:text-decoration 属性 说明 none...去除所有的划线效果(默认) underline 下划线 line-through 中划线 overline 顶划线 具体对应效果: 大小写:text-transform:针对英文而言 属性 说明

    1.1K10

    、左引用,右,右引用

    ; 比方: int i=0;// i是左, 0是右 2、左引用: c++98中的引用很常见了,就是给变量取了个别名,在c++11中,因为增加了右引用(rvalue reference)的概念,所以...c++98中的引用都称为了左引用(lvalue reference)。...1是右,不能够使用左引用 3、右引用,c++11中的右引用使用的符号是&&,如: int&& a = 1; //实质上就是将不具名(匿名)变量取了个别名 int b = 1; int && c...T&, 既可以绑定左又可以绑定右; 已命名的右引用,编译器会认为是个左; 编译器有返回优化,但不要过于依赖; Q:下面涉及到一个问题:x的类型是右引用,指向一个右,但x本身是左还是右呢...参考:[c++11]我理解的右引用、移动语义和完美转发 https://www.jianshu.com/p/d19fc8447eaa C++ 11 左,右,左引用,右引用,std::move

    78710

    CSS基础-属性单位:px, em, rem, %

    CSS中,尺寸单位是决定元素大小的关键。正确选择和应用单位不仅关乎布局的美观,还直接影响到网站的响应式设计和可访问性。...本篇博客将深入浅出地探讨四种常见的属性单位——像素(px)、相对单位em、rem以及百分比(%),分析它们的特性、应用场景、常见问题以及如何避免这些误区,并提供实用的代码示例。 1. ...避免:尽量在靠近根元素的地方设置em,减少嵌套层数,或者使用rem单位替代。...避免:始终在CSS初始化中明确设置html的字体大小,以便于控制整个页面的缩放比例。.../* 示例:使宽度占据父元素的50% */ .box { width: 50%; } 总结 选择合适的单位是CSS布局设计的重要一环。

    46810

    引用与右引用

    定义时const修饰符后的左,不能给他赋值,但是可以取它的地址。左引用就是给左引用,给左取别名。...右引用就是对右引用,给右取别名。...return ret; //由于ret是在函数内部定义,出了函数域将会销毁,所以不能返回左引用 } 二、右引用 1、右引用使用场景和意义 ①移动返回 注:当需要用右引用引用一个左时,可以通过...模板中的&&不代表右引用,而是万能引用,其既能接收左又能接收右。...// 模板的万能引用只是提供了能够接收同时接收左引用和右引用的能力, // 但是引用类型的唯一作用就是限制了接收的类型,后续使用中都退化成了左, // 我们希望能够在传递过程中保持它的左或者右属性

    43720

    巧用CSS属性正则匹配选择器

    属性正则匹配选择器包括下面3种: [attr^=”val”] [attr$=”val”] [attr*=”val”] 这3种属性选择器是字符匹配,而非单词匹配。...利用这些选择器,纯CSS就可以做出很炫酷的功能。 显示超链接的小图标和文件类型图表 利用[attr^="val"]前匹配选择器可以判断元素的链接地址类型,以用来显示对应的小图标。...CSS如下: /* 指向PDF文件 */ [href$=".pdf"] { background: url("....CSS属性选择器搜索过滤技术 我们可以借助属性选择器来辅助我们实现搜索过滤效果,如通讯录、城市列表,这样做性能高,代码少。...shanghai">上海市 杭州市 此时,当我们在输入框种输入内容的时候,只要根据输入内容动态创建一段CSS

    1.9K10

    CSS基础——css 属性

    我们知道 css 我们知道 css 作用是美化 HTML 网页和控制页面布局的,接下来我们来学习一下经常使用一些样式属性。1....布局常用样式属性width 设置元素(标签)的宽度,如:width:100px;height 设置元素(标签)的高度,如:height:200px;background 设置元素背景色或者背景图片,如:...文本常用样式属性color 设置文字的颜色,如: color:red;font-size 设置文字的大小,如:font-size:12px;font-family 设置文字的字体,如:font-family...小结设置不同的样式属性会呈现不同网页的显示效果样式属性的表现形式是: 属性名:属性;作用是美化 HTML 网页和控制页面布局的,接下来我们来学习一下经常使用一些样式属性。1....小结设置不同的样式属性会呈现不同网页的显示效果样式属性的表现形式是: 属性名:属性;

    1.5K21

    css3系列-2.css中常见的样式属性

    css3系列-2.css中常见的样式属性 继续上一篇文章的继续了解css的基础知识,关注我微信公众号:全栈学习笔记 css中常见的样式属性 字体与颜色 背景属性 文本属性 边框属性 内外边距 鼠标光标属性...字体的修饰,如下划线underline,上划线overline, 删除线line-through,也可以设置为none,无修饰*/ text-indent:2em;/*首行缩进2个字,还有其他...*/ /*inherit 规定应该从父元素继承 text-transform 属性。...*/ border-radius: 5px;/*设置边框弧的大小,越大,弧度越大*/ /*也可以对border的某一个边进行设置属性*/ border-top: 2px solid...inherit 规定应该从父元素继承 overflow 属性

    1.3K20

    理解右引用

    我们可以在自己的类中实现移动语义,避免深拷贝,充分利用右引用和std::move的语言特性。 移动语义目的就是用浅拷贝代替深拷贝,右引用跟深拷贝放到同一场景才是有意义的。...实现移动语义 在没有右引用之前,一个简单的数组类通常实现如下,有构造函数、拷贝构造函数、赋值运算符重载、析构函数等。...temp_array是个const左引用,无法被修改,所以temp_array.data_ = nullptr;这行会编译不过。...可以发现左引用真是用的很不爽,右引用的出现解决了这个问题,在STL的很多容器中,都实现了以右引用为参数的移动构造函数和移动赋值重载函数,或者其他函数,最常见的如std::vector的push_back...参数为左引用意味着拷贝,为右引用意味着移动。

    79420

    和右、左引用与右引用、移动语句(2)「建议收藏」

    在C ++中,每个表达式都会产生左,x,(prvalue)rvalue或无。 在C和C ++中,某些运算符需要一些操作数的左。下表列出了这些运算符以及对其用法的其他限制。...区分清楚了左与右,我们再来看看左引用。左引用根据其修饰符的不同,可以分为非·常量左引用和常量左引用。 左引用、右引用引用就是对一个左进行引用的类型。...右引用就是对一个右进行引用的类型,事实上,由于右通常不具有名字,我们也只能通过引用的方式找到它的存在。 右引用和左引用都是属于引用类型。...左引用是具名变量值的别名,而右引用则是不具名(匿名)变量的别名。 左引用通常也不能绑定到右,但常量左引用是个“万能”的引用类型。它可以接受非常量左、常量左、右对其进行初始化。...C++ 11中用&表示左引用,用&&表示右引用,如: int &&a = 10; 右引用根据其修饰符的不同,也可以分为非常量右引用和常量右引用

    2.6K20

    transition属性

    (所有属性改变)这个也是其默认;indent(元素属性名)。...当其为none时,transition马上停止执行,当指定为all时,则元素产生任何属性变化时都将执行transition效果,ident是可以指定元素的某一个属性。...其对应的类型如下: 1、color: 通过红、绿、蓝和透明度组件变换(每个数值处理)如:background-color,border-color,color,outline-color等css属性;...具体什么css属性可以实现transition效果,在W3C官网中列出了所有可以实现transition效果的CSS属性以及的类型,大家可以点这里了解详情。...其他几个属性的示意图: 四、transition-delay: transition-delay是用来指定一个动画开始执行的时间,也就是说当改变元素属性后多长时间开始执行transition效果,其取值

    1.5K20
    领券