原始链接
CSS是级联样式表,它定义了如何显示HTML元素。HTML元素的样式通常存储在级联样式表中。
为什么要用CSS?
CSS可以用来定义HTML元素的显示风格,其实就是解决内容和表达分离的问题。CSS允许相同的页面在不同的浏览器中呈现相同的样式。
CSS作文
CSS规则由两个主要部分组成:一个选择器,以及一个或多个声明:
选择器通常是需要样式化的HTML元素。每个声明由一个属性和值组成。属性是要设置的样式属性。每个属性都有一个值,属性和值由冒号分隔。
要查看页面中的CSS,您需要再次使用浏览器的开发工具。打开“元素”面板。面板的右边是CSS。
CSS选择器
CSS首先需要通过选择器确定定义样式的元素。常用的选择器如下。
创建CSS
外部样式表
内部样式表
上例中的Hr和P使用元素选择器来确定定义样式的元素。
内嵌样式:
这是一段话。
常见CSS样式后台速记属性,可以跟随以下所有值
设置元素的背景颜色。
背景图像将图像设置为背景。
背景位置设置背景图像的起始位置。
背景-重复设置是否以及如何重复背景图像。
网页的标题设置为红色背景。
颜色设置文本颜色
Text-align对齐元素中的文本。
文本装饰为文本添加装饰。
Text-indent缩进元素中的第一行文本。
标题蓝色文本文本文本行2文本行2文本行2文本行2文本行2文本行2文本行2文本行2文本行2
在一个声明中设置所有的字体属性。
字体系列指定文本的字体系列。
字体大小指定文本的字体大小。
字体样式指定文本的字体样式。
字体粗细指定字体的粗细。
页面标题内容
列表样式在一个声明中设置了所有用于列表的属性。
list-style-image将图像设置为列表项标志。
list-style-type设置列表项标签值的类型。
标题python
边框设置表格边框。
边框折叠设置表格的边框是折叠成单个边框还是分开。
宽度定义表格的宽度。
文本对齐表格中的文本对齐
填充设置表格中的填充。
页面标题名称
相对:相对定位,一个元素的定位是相对于它的正常位置。
固定:元素的位置相对于浏览器窗口是固定的。
绝对:绝对定位,一个元素的位置相对于最近的定位父元素。
粘性:粘性定位,基于用户滚动位置的定位。
页面标题定位设置不同的定位方式。
这个p元素设置正常的文档流定位模式。
这个p元素设置相对位置。
箱状模式所有的HTML元素都可以看作是盒子。在CSS中,术语“盒子模型”用于设计和布局。
CSS盒子模型本质上是一个封装了周围HTML元素的盒子。它包括:边距、边框、填充和实际内容。
该框允许将元素放置在其他元素和周围元素的边框之间的空空间中。
边距:清除边界外的区域。外部边缘是透明的。
Border:内容内部和外部的边框。
填充:清除内容周围的区域,内部边距是透明的。
内容:框中的内容,显示文本和图像。
也就是说,当您想要指定元素的宽度和高度属性时,除了设置内容区域的宽度和高度之外,还可以添加内边距、边框和外边距。
获取更多技术文章分享:https://qrcode.testing-studio.com/f from = bjhao URL = https://ceshiren.com/t/topic/16586
微信官方账号:TestingStudio


