天天看点

HTML/CSS——1

2019.6.22-6.23

Webstorm里快捷键:

Ctrl+shift+/ 下划线

Ctrl+D 复制

Alt+F2选择浏览器

全角半角 切换 shift+space空格

<a rel="nofollow" href=" " target="目标窗口 "> </a>

target里:_blank新窗口 _parent原窗口

<a rel="nofollow" href=" mailto:邮箱地址" > </a>

<br> 换行 <hr> 水平线 <i>倾斜 <b>加粗 <sub>下标</sub>

<sup>上标</sup> 预格式化<pre> <em>倾斜

锚点:跳转到页面的不同位置

<a id="xxx"> <a rel="nofollow" href="#xxx">(跳转到同一页面)

<a rel="nofollow" href="文件名 #name">(跳转到页面的不同位置)

../image/img2.jpg(Ctrl+鼠标放上去为蓝色,即为路径正确)

<img src=" " alt="对图片的解释;描述;搜索,检索">

图片的三种格式:

jpg:像素高

png:透明背景,抠图,小图标

gif:动图

.webp新书的一种图片格式,只有浏览器可以解析

列表

无序:ul>li*3 disc ,circle,square

有序:ol>li type="A" start="3" (从C开始)

自定义:dl.dd标题.dt内容

盒子模型:width=content-width+border+margin+padding

列表 list-style:none 改变序列前的图标 padding-left(左填充)

上一篇: HTML/CSS——2
下一篇: html基础-CSS