初学CSS容易忽视忘却的小知识点

最新推荐文章于 2022-12-05 01:01:29 发布

zhenzuo_x

最新推荐文章于 2022-12-05 01:01:29 发布

阅读量192

点赞数

分类专栏：前端 css 文章标签： CSS

本文链接：https://blog.csdn.net/zhenzuo_x/article/details/79846392

版权

前端同时被 2 个专栏收录

27 篇文章 3 订阅

订阅专栏

css

5 篇文章 0 订阅

订阅专栏

id 选择器： CSS中id选择器以“#”来定义
class 选择器 : CSS中，类选择器以一个点“.”号显示
CSS创建：三个概念（外部样式表、内部样式表、内联样式）
background-repeat : no-repeat; //表示背景图像不平铺
background-position : right top; //表示图像在背景中的位置
background-attachment : fixed/scroll/inherit; // 背景图片随页面的其余部分滚动（默认）/固定/指定background-attachment的设置应该从父元素继承
对于W3C标准的CSS：如果定义了颜色属性，还必须定义背景色属性
text-align : center; //文本对齐方式。若text-align设置为“justify”,每一行被展开为宽度相等，左右外边距是对齐（如杂志和报纸）。
a{text-decoration : none;} //链接无下划线
text-transform : uppercase/lowercase/capitalize; //文本转换。全部转换为大写/小写/每个单词首字母大写
text-indent : 50px;//文本第一行缩进
1em的默认大小为16px
font-size : 16px/1em; //设置字体大小像素/字体大小（存在问题：IE浏览器问题，调整文本的大小是，会比正常的尺寸更大或更小）
使用百分比和EM组合，设置<body>元素的默认字体大小的是百分比: body{font-size : 100%;} h1{font-size : 2.5em;} （通过如上设置，在所有浏览器中，可以显示相同的文本大小，并允许所有浏览器缩放文本的大小）
list-style-type 属性指定列表项标记的类型
list-style-image : url（...）指定列表项标记的图像，使用列表样式图像属性