美文网首页
软件测试攻略(九):CSS超简入门

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

作者: DayBreakL | 来源:发表于2018-05-18 12:04 被阅读0次

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

相关文章

网友评论

      本文标题:软件测试攻略(九):CSS超简入门

      本文链接:https://www.haomeiwen.com/subject/itbwdftx.html