FCC学习记录–2

CSS包含一个控制元素宽度的width属性。我们使用px(像素)来指定图片的宽度。

<style>
  .larger-image {
    width: 500px;
  }
</style>

CSS 边框的属性有style(样式)、color(颜色)、width(宽度)、height(高度)等。border-radius (边框半径),可以用像素px也可以用百分比%表达

举个例子,如果我们想要让一个HTML元素的边框颜色为红色、边框宽度为5像素(px)、边框样式为固体(solid),代码如下:

<style>
  .thin-red-border {
    border-color: red;
    border-width: 5px;
    border-style: solid;
  }
</style>

可以应用多个class到一个元素,只需要在多个class之间用空格分开即可,如:

<img class="smaller-image thick-green-border" src="/images/xxx..jpg">

a元素,也叫anchor(锚点)元素,既可以用来链接到外部地址实现页面跳转功能,也可以链接到当前页面的某部分实现内部导航功能。

下面是一张a元素的图示。a元素位于段落元素的中间,这意味着链接会出现在段落的中间。

这有一个例子:

<p><a href="http://xxx.cn"> link to xxx </a></p>

Nesting(嵌套)就是把一个元素放在另一个元素里面,如

<p>一个元素 <a href="http://www.xxx.cn">另一个元素</a></p>

#,别名hash(哈希)符号

把某元素嵌套进a元素使其变成一个链接,如把图片套进a元素:

<a href="#"><img src="http://xxx.cn"></a>

Reply