测试原理和测试方法

核心提示原文链接CSS 就是层叠样式表,定义如何显示 HTML 元素。HTML 元素的样式通常存储在层叠样式表中。为什么要使用CSS使用 CSS 可以定义 HTML 元素显示的样式,其实是为了解决内容与表现分离的问题。通过 CSS 可以让相同的一个

原始链接

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

  • 爪哇岛
  • 边框设置表格边框。

    边框折叠设置表格的边框是折叠成单个边框还是分开。

    宽度定义表格的宽度。

    文本对齐表格中的文本对齐

    填充设置表格中的填充。

    页面标题名称 年龄 性 张三 18 男人 李四 19 男人

    静态:没有定位,遵循正常的文档流对象。

    相对:相对定位,一个元素的定位是相对于它的正常位置。

    固定:元素的位置相对于浏览器窗口是固定的。

    绝对:绝对定位,一个元素的位置相对于最近的定位父元素。

    粘性:粘性定位,基于用户滚动位置的定位。

    页面标题定位设置不同的定位方式。

    这个p元素设置正常的文档流定位模式。

    这个p元素设置相对位置。

    箱状模式

    所有的HTML元素都可以看作是盒子。在CSS中,术语“盒子模型”用于设计和布局。

    CSS盒子模型本质上是一个封装了周围HTML元素的盒子。它包括:边距、边框、填充和实际内容。

    该框允许将元素放置在其他元素和周围元素的边框之间的空空间中。

    边距:清除边界外的区域。外部边缘是透明的。

    Border:内容内部和外部的边框。

    填充:清除内容周围的区域,内部边距是透明的。

    内容:框中的内容,显示文本和图像。

    也就是说,当您想要指定元素的宽度和高度属性时,除了设置内容区域的宽度和高度之外,还可以添加内边距、边框和外边距。

    获取更多技术文章分享:https://qrcode.testing-studio.com/f from = bjhao URL = https://ceshiren.com/t/topic/16586

    微信官方账号:TestingStudio

     
    友情链接
    鄂ICP备19019357号-22