常用的css属性

最新推荐文章于 2024-10-02 15:35:50 发布
最新推荐文章于 2024-10-02 15:35:50 发布
阅读量160 收藏
点赞数 3
文章标签： css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43597256/article/details/136532139
版权
1.清除浮动
/* 清除浮动 */
.clearfix:before,.clearfix:after {
    content:"";
    display:table; 
  }
  .clearfix:after {
    clear:both;
  }
  .clearfix {
     zoom:1;
  }
2.单行文本溢出显示省略号
			/* 1.这个单词的意思是如果文字显示不开也必须强制一行内显示 */
            white-space: nowrap;
            /* 2.溢出的部分隐藏起来 */
            overflow: hidden;
            /* 3. 文字溢出的时候用省略号来显示 */
            text-overflow: ellipsis;

<body>
    <div>
        啥也不说，此处省略一万字
    </div>
</body>
<style>
        div {
            width: 150px;
            height: 80px;
            background-color: pink;
            margin: 100px auto;
            /* 这个单词的意思是如果文字显示不开自动换行 */
            /* white-space: normal; */
            /* 1.这个单词的意思是如果文字显示不开也必须强制一行内显示 */
            white-space: nowrap;
            /* 2.溢出的部分隐藏起来 */
            overflow: hidden;
            /* 3. 文字溢出的时候用省略号来显示 */
            text-overflow: ellipsis;
        }
    </style>
3.多行文本溢出显示省略号
			overflow: hidden;
            text-overflow: ellipsis;
            /* 弹性伸缩盒子模型显示 */
            display: -webkit-box;
            /* 限制在一个块元素显示的文本的行数 */
            -webkit-line-clamp: 3;
            /* 设置或检索伸缩盒对象的子元素的排列方式 */
            -webkit-box-orient: vertical;


<body>
    <div>
        啥也不说，此处省略一万字,啥也不说，此处省略一万字此处省略一万字
    </div>
</body>
    <style>
        div {
            width: 150px;
            height: 65px;
            background-color: pink;
            margin: 100px auto;
            overflow: hidden;
            text-overflow: ellipsis;
            /* 弹性伸缩盒子模型显示 */
            display: -webkit-box;
            /* 限制在一个块元素显示的文本的行数 */
            -webkit-line-clamp: 3;
            /* 设置或检索伸缩盒对象的子元素的排列方式 */
            -webkit-box-orient: vertical;
        }
    </style>
4.图片跟文字居中对齐
/* baseline基线. bottom底线  middler中线 top顶线 */
 vertical-align: middle;
我要好好学java
关注
弹性盒相关的常用css属性
m0_49681744的博客
07-29 1467
弹性盒相关的常用css属性 1、添加在父元素上的的属性 div{ display: flex/inline-flex; 声明div为弹性盒 flex-direction: column/column-reverse/ row/row-reverse;
常用css属性查询表
09-25
常用CSS属性查询表 CSS背景属性（background） * background：在一个声明中设置所有的背景属性 * background-attachment：设置背景图像是否固定或者随着页面的其余部分滚动 * background-color：设置元素的背景...
css常用属性
weixin_44992737的博客
06-11 4337
css属性，css字体属性，css背景属性，css表格属性，css列表属性，css文本属性，opacity属性
常用CSS属性
Gextreme的专栏
04-10 885
1.设置字体阴影： text-shadow: 2px 2px rgba(20, 17, 14, 0.35);
CSS常用属性
weixin_57135131的博客
10-09 1453
CSS常用属性
常用CSS样式及属性代码
weixin_38980630的博客
06-03 2346
常用css样式及属性代码
【HTML】常用CSS属性
世人万千丶的博客
04-06 1329
CSS常用属性：文本属性、字体属性、边框属性、边距等
CSS布局常用属性介绍
m0_75116965的博客
07-27 1566
本文介绍了一些常用的css属性
CSS 常用属性总结
weixin_47906106的博客
11-25 3084
CSS简介 层叠样式表，设置样式规则，控制页面的外观样式 1为什么使用CSS 实现内容与样式的分离 样式复用,便于维护 页面的精准控制，让页面更精美 2.CSS作用 页面美观化 布局和定位 3.CSS语法 <head> <style> 选择器{ 属性名:属性值； 属性名:属性值； } </style> </head> 选择器，要修饰的对象 属性名，属性对象的哪个属性(样式) 属性值,样式的取值 4.CSS应用方式 CSS引用方式 有三种
CSS——常用属性
Guizy
12-12 9496
CSS目录 CSS起源 CSS常见属性 文字属性 文体属性 颜色属性 CSS选择器 标签选择器 id选择器 类选择器 id选择器和类选择器的区别 后代选择器 子元素选择器 后代选择器和子元素选择器之间的区别 交集选择器 并集选择器 兄弟选择器 相邻兄弟选择器 通用兄弟选择器 序选择器 属性选择器 通配符选择器 CSS起源 跳转到目录 分析: 有一个标题H1,...
CSS3常用属性
weixin_62826906的博客
12-18 1425
文本属性 text-align: 设置元素内文本的水平排列方式，常用取值为： left，默认值，居左 center，居中 right，居右 text-indent：设置元素内文本首行缩进，单位：像素、百分比 text-decoration：设置文本的下划线样式，常用取值为： none：没有下划线 underline：表示有下划线 letter-spacing：设置字符间距，常用取值： normal 像素值 字体属性 font-size: 设置字体...
CSS常用属性大全
08-31
CSS是层叠样式表(英文全称：Cascading Style Sheets)的简称，简单来说，就是网页布局的样式元素，网页界面的视觉效果，就是CSS做出来的。 目前，网页架构的标准版本是html5+CSS3，CSS的最新版也是CSS3，任何网页都...
常用css属性汇总大全
09-18
下面将详细阐述在给定的标题和描述中提到的一些常用CSS属性。 1. **字体属性**： - `font-size`：设置字体大小，可以使用像素（PX）、百分比（%）等单位。 - `font-style`：定义字体样式，如`italic`为斜体，`...
CSS-Day3
m0_74039531的博客
09-29 271
伪类的语法：selector:pseudo-class {property:value;}CSS类也可以使用伪类：selector.class:pseudo-class {property:value;}您可以使用 :first-child 伪类来选择父元素的第一个子元素。p:first-child { color:blue; }在下面的例子中，选择相匹配的所有<p>元素的第一个 <i> 元素：p > i:first-child { color:blue; }在下面的例子中，选择器匹配所有作
CSS画出三角形的做法
mingangel的博客
10-01 226
在网页中，会有三角形的出现，我们脑海里会有很多想法，如何去实现他们，我来提供一种比较好玩的做法。
CSS 盒子属性
m0_74012211的博客
10-02 244
CSS 盒子属性
如何用JavaScript编写一个简单的计数器
Jiaberrr的博客
10-01 305
在网页开发中，计数器是一种常见的功能，它可以帮助我们记录点击次数、显示时间等。下面我将介绍如何在HTML页面中使用JavaScript实现一个基本的计数器。
【CSS】position
最新发布
小秀的博客
10-02 152
特点：粘性元素根据滚动位置在相对（relative）和固定（fixed）之间切换。起先它会被相对定位，直到在视口中遇到给定的偏移位置为止 - 然后将其“粘贴”在适当的位置（比如 position:fixed）。特点：不影响元素本身特性，元素不脱离文档流，相对于原位置进行偏移。特点：元素脱离文档流 ，块级元素由内容撑开宽高，清除子集浮动。参考物：距离最近的使用了定位的父级，没有时找body。position: static 静态定位（默认）参考物：根据用户的滚动位置进行定位。参考物：元素的初始位置。
CSS 中的@media print 是干什么用的？
读心悦
09-29 156
在这个查询块内，你可以设置各种样式，以确保打印输出的内容看起来整洁、专业，并且只包含必要的信息。例如，你可能还想隐藏某些不重要的元素，如广告、侧边栏或仅用于装饰的图片，同时增加标题和段落的字体大小，以及为页面添加页眉和页脚（但这次是在打印样式中自定义的，与网页上的不同）。这种做法通常很有用，因为网页的页眉和页脚可能包含导航链接、社交媒体图标、版权声明等对于在线浏览很有用的信息，但在打印版本中，这些信息可能并不必要，甚至可能占用宝贵的页面空间。元素都将被隐藏（即不显示在打印的页面上）。这是通过将这些元素的。
HTML与CSS基础：常用CSS属性详解
本资源主要介绍了最常用的CSS属性及其含义，同时结合HTML与CSS基础，深入讲解了HTML文档的基本结构。首先，HTML文档是互联网上广泛使用的文档类型，由HTML标记、头部信息和文本主体三部分构成。HTML文档以`<html>`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值