html页面常用css简单整理

bingliang514csdn

于 2022-11-23 12:47:06 发布

阅读量177

点赞数

分类专栏： html网页标记语言及css样式_v2 文章标签： css html 前端

本文链接：https://blog.csdn.net/bingliang514csdn/article/details/127998144

版权

html网页标记语言及css样式_v2 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了CSS中常用的样式属性，包括光标样式、文本修饰、尺寸设置、背景颜色、字体颜色、内边距、外边距、显示方式、字体粗细、行高、文本对齐、位置偏移、溢出处理、边框样式、浮动及文本换行等。通过这些基本属性的学习，读者可以更好地掌握如何使用CSS来美化网页。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

（1），常用css简单整理

    <style type="text/css">
        .testCss01{
			<!--（01）光标手形pointer，普通箭头光标-->
            cursor: pointer;
			<!--（02）文字上删除线line-through，下划线underline-->
            text-decoration: pointer;
			<!--（03）元素的宽高-->
            width: 100px;
			height: 100px;
			<!--（04）元素背景色-->
            background: red;
			<!--（05）字体颜色-->
			color: red;
			<!--（06）内边距-->
			padding: 5px;
			<!--（07）右侧外边距-->
			margin-right: 5px;
			<!--（08）隐藏-->
			display: none;
			<!--（09）字体粗体-->
			font-weight: bold;
			<!--（10）行高-->
			line-height: 10px;
			<!--（11）文本左对齐-->
			text-align: left;
			<!--（12）距顶部距离-->
			top: 10px;
			<!--（13）溢出滚动条-->
			overflow: auto;
			<!--（14）右边框红色线-->
			border-right: 2px red solid;
			<!--（15）浮动-->
			float:left;
			<!--（16）绝对-->
			position:absolute;
			<!--（17）指定元素内的空白怎么处理，此值文本不会换行-->
			white-space: nowrap;
        }
    </style>