【css】碰到的几个样式问题

最新推荐文章于 2021-10-29 11:00:24 发布
最新推荐文章于 2021-10-29 11:00:24 发布
阅读量263 收藏
点赞数
分类专栏： 前端 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014542626/article/details/53128057
版权

background-size:

1.100% 100% 图片拉伸至全背景，不按比例

2.cover 按比例拉伸图片，直至两边拉伸到最大或超过背景宽/高为止

把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。

背景图像的某些部分也许无法显示在背景定位区域中。

3.contain 按比例拉伸图片，直至一边拉伸到最大为止

把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。


伪元素，css3之前用单冒号，之后用双冒号，不能嵌套其他标签的元素不能使用伪元素，如input，select等




盛世兔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于CSS样式的几个常见小问题
m0_37853444的博客
01-14 326
CSS样式初学习写在前面没有布局dispaly (显示) block (块级元素) inline (行内元素) nonemargin (外边距)与padding (内边距)max-width/min-width (宽的最大/小值)float (浮动)column (栏)盒子模型 写在前面 本篇就CSS样式的几个重要属性用法与概念进行总结，如果你已经对CSS样式有了基本的了解（如语法、选择器、属性以...
css连续选取几个li_CSS选取第几个标签元素：nth-child、first-child、last-child
weixin_35631730的博客
01-13 1575
在前端开发中，我们可能会碰到这样的需求：想让列表中的第一个部分显示不同的样式 ，想让列表中的偶数部分显示不同的背景颜色，想让列表中的最后一部分样式不一样……这样的需求，我们怎样来实现？其实，如果前面文件是php开发的，可以通过php的循环语句+判断语句+css样式来实现。但是，如果是静态代码，php就无法用了。这时，我们还可以通过CSS来实现，CSS给我们提供了几个非常有用的样式参数：first-...
css难点合集
yunbabac的博客
10-29 468
一.font字体 1.字体不被选中，不可复制 .noSelect { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } 2.字间距 letter-spacing: ; 二.鼠标相关 1.鼠标放上去显示小手 .logo:hover{ cursor:pointer } 三，布局相关 1.同一行多个div，输入内容后发...
BFC(块级格式化上下文)布局特性
star66666651的博客
07-06 258
BFC(块级格式化上下文)？ 块级格式化上下文就相当于页面上一个独立的容器，容器里面子元素的变化不会影响到外面元素的排列。包括浮动外边距合并等等。这个特性的出现使我们的 页面布局不会出现意外情况了。 如何创建BFC? 1 根元素(<html>) 2 元素的display属性设置为 block table list-item inline-block inline-flex table-cell table-caption flex。 3 float不为none。 4 postion为abso
前端css属性难点
Paranoidyang的博客
03-18 1901
text-transform:uppercase;有何用？ margin:0.5em 0中的em与px有什么区别？ overflow:hidden有什么用？ vertical-align: top;什么意思？ font: inherit;什么意思？ cursor:pointer; 关于元素局中问题 如何使用CSS让DIV居中显示，让div水平居中有哪些CSS样式呢？ 需要的主
css选择类的第几个元素,css选择器怎么选取第几个元素
weixin_29629231的博客
08-03 9776
css选择器选取第几个元素的方法：1、使用“first-child”选择器选取属于其父元素的首个子元素；2、使用“last-child”选择列表中的最后一个标签；3、使用“nth-child(3)”选择第3个标签等等。本文操作环境：windows7系统、HTML5&&CSS3版本、Dell G3电脑。css用选择器选取第几个元素？css怎么用选择器选取第几个元素？下面本篇文章来给大...
css样式 那些可以速记,CSS3的几个标签速记1
weixin_36238706的博客
08-04 318
border-radius:CSS3圆角 语法：border-radius：25px; 椭圆边角：语法-border-radius：xx%;或者15px/100px;box-shadow:CSS3盒阴影 语法：box-shadow：5px 5px 10px #eee;border-image:使用图像创建一个边框 语法：boder-image：url(xx.xxx) 3...
CSS 选取第几个标签元素
zhizhuo0915的博客
06-18 1万+
在前端开发中，我们可能会碰到这样的需求：想让列表中的第一个部分显示不同的样式 ，想让列表中的偶数部分显示不同的背景颜色，想让列表中的最后一部分样式不一样……这样的需求，我们怎样来实现？其实，如果前面文件是php开发的，可以通过php的循环语句+判断语句+css样式来实现。但是，如果是静态代码，php就无法用了。这时，我们还可以通过CSS来实现，CSS给我们提供了几个非常有用的样式参数：first-...
css系列之浮动博客源码
最新发布
09-10
为了更好地理解这个源码，你需要熟悉以下几个核心概念： 1. CSS选择器：如类选择器（.class）、ID选择器（#id）以及伪元素选择器（::before, ::after）等。 2. CSS盒模型：包括内容(content)、内边距(padding)、边框...
浅谈css中浮动和清除浮动带来的影响
12-09
当一个元素设置了浮动属性（如`float: left`或`float: right`），它将脱离标准流，向左或向右移动，直到碰到父元素的边框或其他浮动元素。其他非浮动元素会尝试填补这个空白的空间，这可能导致元素重叠或者行内元素...
css入门笔记
05-15
独立于任何网页位置处，声明一个样式文件(.css为后缀)，在文件中声明样式，在使用的网页中引入.css文件。 使用步骤： 1.创建样式表文件（.css） 2.在样式文件中编写样式规则 3.在网页中对样式文件进行引入 &lt...
贪吃蛇游戏 场景 使用了js 和 html /css 就可以完成 一个贪吃蛇小游戏
08-10
主要用到的几个技术点： clientWidth ：元素的宽度，包含内边距 clientHeight ：元素的高度，包含内边距 setInterval：开启定时器 clearInterval：关闭定时器 keydown：键盘事件 createElement ： 创建节点 ...
day06（CSS04-浮动）.rar
12-01
根据压缩包子文件的文件名称列表，我们可以推断出以下几个主要部分： 1. **06-资料**：这可能是一个包含额外信息、案例研究或者练习题的资料包，用于辅助学习和巩固浮动概念的理解。 2. **03-讲义（pdf）**：这很...
css如何筛选第一个元素,css选择器怎么选取第几个元素
热门推荐
weixin_39909366的博客
08-03 1万+
css选择器选取第几个元素的方法：1、使用“first-child”选择器选取属于其父元素的首个子元素；2、使用“last-child”选择列表中的最后一个标签；3、使用“nth-child(3)”选择第3个标签等等。本文操作环境：windows7系统、HTML5&&CSS3版本、Dell G3电脑。css用选择器选取第几个元素？css怎么用选择器选取第几个元素？下面本篇文章来给大...
umeditor、ueditor的使用
07-01 9844
umeditor就是ueditor mini ，及ueditor的简化版本。 在官网的下载页面，可以知道，umeditor已经很久没更新了。 我一开始选的是umeditor，发现BUG一堆。首先是图片的上传问题：返回的内容应该为json格式，只需要包含state:SUCCESS/FAIL和url两个属性即可，这个可以根据源码得知；然后，上传成功后，前端获取图片会报错。原因是解析返回路径的时候，
【js】时区问题
10-13 5149
var d=new Date('2016-10-10T00:00:00') 打印d Mon Oct 10 2016 08:00:00 GMT+0800 (中国标准时间) var d=new Date('2016-10-10 00:00:00') 打印d Mon Oct 10 2016 00:00:00 GMT+0800 (中国标准时间) 由此可见，中间带T的格式表示
【js】Array.prototype.reduce方法
11-09 3237
[1,2,3].reduce(function(a,b){console.log('参数1：'+a);console.log('参数2：'+b);return a+b;},3) 参数1：3 参数2：1 参数1：4 参数2：2 参数1：6 参数2：3 reduce(function(a,b){},initialValue) 第一个参数为回调方法，第二个参数为初始值（没有，则为数组
在引用的css中不引用其中几个样式
05-13
可以使用`:not()`选择器来排除某些样式。例如，如果你想要引入所有的样式，但是不想使用`.hide`...你也可以根据需要调整`:not()`选择器的条件，例如`:not(.hide, .disable)`表示排除`.hide`和`.disable`两个类的样式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值