技术分享 | Web测试办法与技术之CSS讲解
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS <span style="color: black;">便是</span>层叠样式表（Cascading Style Sheets），定义<span style="color: black;">怎样</span><span style="color: black;">表示</span> HTML 元素。HTML 元素的样式<span style="color: black;">一般</span>存储在层叠样式表中。</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">为何</span>要<span style="color: black;">运用</span>CSS</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">运用</span> CSS <span style="color: black;">能够</span>定义 HTML 元素<span style="color: black;">表示</span>的样式，其实是为<span style="color: black;">认识</span>决内容与表现分离的问题。<span style="color: black;">经过</span> CSS <span style="color: black;">能够</span>让相同的一个页面在<span style="color: black;">区别</span>的浏览器当中呈现相同的样式。</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">CSS<span style="color: black;">构成</span></h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS 规则由两个<span style="color: black;">重点</span>的部分<span style="color: black;">形成</span>：<span style="color: black;">选取</span>器，以及一条或多条声明:</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic3.zhimg.com/80/v2-908cd8da98a90b85d8a784c194bd824e_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><a style="color: black;">1080×227 14.7 KB</a></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">选取</span>器<span style="color: black;">一般</span>是<span style="color: black;">必须</span>改变样式的 HTML 元素。每条声明由一个属性和一个值<span style="color: black;">构成</span>。属性（property）是<span style="color: black;">期盼</span>设置的样式属性（style attribute）。<span style="color: black;">每一个</span>属性有一个值，属性和值被冒号<span style="color: black;">掰开</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">要查看页面中的 CSS 又<span style="color: black;">必须</span>用到浏览器的<span style="color: black;">研发</span>者<span style="color: black;">工具</span>了。打开 Elements 面板。在面板右侧展示的<span style="color: black;">便是</span> CSS。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic2.zhimg.com/80/v2-765c9d0b4d538b1d899ea3c1de175df9_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><a style="color: black;">1080×300 236 KB</a></p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">CSS<span style="color: black;">选取</span>器</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS <span style="color: black;">首要</span><span style="color: black;">必须</span><span style="color: black;">经过</span><span style="color: black;">选取</span>器来确定要定义样式的元素。常用的<span style="color: black;">选取</span>器有下面这几种。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-0a16327bdf9406073f4555972d81833b_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-7332a4feec67bc9e5dfd4a4a35b147db_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
我完全赞同你的观点，思考很有深度。 我完全同意你的观点，说得太对了。 顶楼主，说得太好了！ 我赞同你的看法，你的智慧让人佩服，谢谢分享。 我赞同你的看法，你的智慧让人佩服，谢谢分享。 哈哈、笑死我了、太搞笑了吧等。 这夸赞甜到心里，让我感觉温暖无比。 我深感你的理解与共鸣，愿对话长流。 楼主继续加油啊！外链论坛加油！
页:
[1]