搜索“CSS” -技术 - 个人学习记录

web 0 0

1642 0 2022-09-05 DIV+CSS

CSS3使用writing-mode让文字自上而下，自右向左排列通常我们网页上的文字在缺省状况下是从左到右横向排版的，但有些情况下，为了排版效果，或为了更好的利用页面空间，我们需要将文字竖向排版。 writing-mode是CSS3里新引入的可以让文字竖向排版的属性。它不仅可以让文字竖向，还可以让文字从右往左排。这个CS...

animate.css网站中，需要做到滚动条滑到某个位置时，才能显示动画，wow.js插件可以很好的解决问题

taotaoit 0 0

1395 0 2022-07-07 其他

animate.css网站中，需要做到滚动条滑到某个位置时，才能显示动画，wow.js插件可以很好的解决问题代码： <div class="foot wow fadeInUp"></div> <script src='https://cdn.staticfile.org/wow/1.1.2/w...

Animate.css延迟执行和设置重新设置动画时间

taotaoit 1 0

2489 0 2022-07-07 其他

Animate.css 作为一款强大的预设css3动画库，很值得我们在项目中引用。但是统一的动画时间不是很好看。多个动画怎样延迟执行？ /* Animate.css延迟执行和设置重新设置动画时间 */ .animate_delay_0dot1{ /* -webkit-animation-duration: 1s; a...

css伪元素::after实现箭头

taotaoit 1 0

1090 0 2022-07-01 DIV+CSS

css伪元素::after实现箭头效果如图，鼠标经过右箭头变成下箭头 <div class="main_lt d-flex flex-column"> <a href="" class="active">公司简介</a> &...

CSS filter属性

web 0 0

1026 0 2022-05-11 DIV+CSS

filter 将模糊或者颜色偏移等图像效果用于元素，通常用于调整图像，背景和边框的渲染 css 标准中已内置一些预定义效果的函数，也可通过url使用SVG滤镜语法 /* URL to SVG filter */ filter: url(filter.svg#id); /* <filter-function&...

css绝对定位如何居中

web 1 0

1318 0 2022-05-06 DIV+CSS

1、兼容性不错的主流css绝对定位居中的用法：注意：这种方法有一个很明显的不足，就是需要提前知道元素的尺寸。否则margin负值的调整无法精确。此时，往往要借助JS获得。 .conter{ width: 600px; height: 400px; position: absolute; left: 50...

css3属性选择器，css中“~”（波浪号）、“，”（逗号）、“+”（加号）和（大于号）详解

web 1 0

1818 0 2022-05-05 DIV+CSS

css3属性选择器，css中“~”（波浪号）、“，”（逗号）、“+”（加号）和（大于号）详解 .a，.b 逗号指相同的css样式 .a .b 空格指后代元素 .a>.b 大于号指子代元素 .a+.b 这个+是选择相邻兄弟，称作“相邻兄弟选择器” css中“~”是: p~ul 为所有相同的父元素中位于...

Emmet的css支持 margin,padding多个属性值

web 0 0

915 0 2022-05-05 DIV+CSS

Emmet的css支持 margin多个属性值属性值 m10 ⟹ margin: 10px; mt10 ⟹ margin-top: 10px; 多个属性值：对于有多个属性值的CSS属性，在编写时只需在属性值之间添加-： m4-6 ⟹ margin: 4px 6px; p4-6 ⟹...

css3径向渐变closest-side，farthest-side，closest-corner，farthest-corner

web 4 0

1612 0 2022-04-28 DIV+CSS

css3径向渐变closest-side，farthest-side，closest-corner，farthest-corner分别是什么意思？ 1，closest-side：指定径向渐变的半径长度为从圆心到离圆心最近的边； background-image: radial-gradient(closest-si...

VSCode Emmet css快速生成语法

taotaoit 0 0

946 0 2022-04-28 VSCode

VSCode Emmet css快速生成语法官方https://docs.emmet.io/cheat-sheet/

css3背景图片 background-repeat: space;

web 0 0

1027 0 2022-04-27 DIV+CSS

css3背景图片 background-repeat: space; CSS3新增，当背景图片不能以整数次平铺时，会用空白间隙均匀填充在图片周围，图片不缩放。例如： background-position: center; background-repeat: space; 你会发现，background-position...

css实现物流信息查询样式

web 0 0

1405 0 2022-01-28 DIV+CSS

css实现物流信息查询样式缺一个类似这样的小车 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conte...

https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css net::ERR_CERT_COMMON_NAME_INVALID

taotaoit 1 0

2671 0 2021-12-20 Bootstrap5

https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css net::ERR_CERT_COMMON_NAME_INVALID 之前做好的网站，访问的时候都错位了，f12打开浏览器调试模式，提示如下错误：是bootstrap cd...

tp6 tpl_replace_string template.php改成view.php 定义JS、css路径

web 0 0

1328 0 2021-12-07 ThinkPHP6

return [ // 模板引擎类型使用Think 'type' => 'Think', // 默认模板渲染规则 1 解析为小写+下划线 2 全部转换小写 3 保持操作方法 'auto_rule' => 1, // 模板目录名 'view_di...

css background-attachment属性

web 0 0

1131 0 2021-12-03 DIV+CSS

前提是定义了background-image属性，然后用background-attachment来指明背景图的位置是固定于视口的，还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。取值： scroll:默认值，背景图相对于元素固定，背景随页面滚动而移动，即背景和内容绑定。 fixed：背景图相对于视口固定，所以随页面...

min-resolution: 192dpi CSS3 媒体查询 resolution

web 2 0

1380 0 2021-11-29 DIV+CSS

加载更多

关于本站