软件测试攻略(九):CSS超简入门

CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示 HTML 元素,样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。如需进行全局的更新,只需简单地改变样式,然后网站中的所有元素均会自动地更新。

一、基本语法:

由选择器和一条或多条声明组成。
格式:
选择器{
属性1:属性值1;属性2:属性值2;……
}

表示对body元素添加背景图片.png
  1. 选择器三种类型:标签名,类名,id名
    标签名 :(直接写标签名)
p
{
color:red;
text-align:center;
}

类名:(.类名,需在标签内写属性class=“类名”)

.center {text-align:center;}

id名(#id名,需在标签内写属性id=“id名”)

#para1
{
    text-align:center;
    color:red;
}
  1. 声明
    声明由属性:属性值构成;
    html属性分为三种:功能属性、样式属性、定位属性
    可以改变背景颜色、图片、文本的字体、颜色、字号等。需要时百度查询即可。

二、css三种形式

  • 内嵌,写在标签内;
<p style="color:sienna;margin-left:20px">这是一个段落。</p>
  • 内联,写在head标签的style标签里


    image.png
  • 外联,写在.css文件里,在head标签中使用link连接
    new一个.css文件


    image.png

    image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容