前言:
html/css虽然简单,但有些标签和样式吃得还不是很透,我是个注重基础的人。这篇文章能够帮助有基础的同学重温html和css,也可以让基础不好的同学多了解一些。其实小编只是菜鸡一枚,主要是给自己写个笔记
HTML
一些不那么常用容易忘记的标签
标签 | 用法 |
---|
<q> | 短引用 |
<em> | 强调,如果你仅仅是需要斜体,那么请用css,它是用来强调的,好吗? |
<strong> | 特别强调,这里和上面也一样 |
<time> | 显示时间,虽然有其他标签也能表示时间,但是这能让浏览器知道这是时间 |
<blockquote> | 块引用 |
<pre | 希望浏览器按你输入的方式展示 |
默认文件及路径
默认文件
默认文件 | 注意事项 |
---|
index.html | |
default.htm | .htm,没有l哦 |
路径
路径 | 注意事项 |
---|
相对路径 | 相对于文件本身出发的路径,只能用来链接同一网站的页面 |
绝对路径 | 相对于根目录出发的路径 |
工具提示
title:大家有没有经常用到它呢,其实它是基本上每个标签都有的一个属性,当鼠标移到上面时,会有提示。
把鼠标移到我这里,会看见title的效果
alt:你肯定知道它是在图片未显示时提示的信息
外挂知识
关于图片
图片格式 | 解释 |
---|
JPEG | 适用于保存图片和其他复杂图片,文件较小 |
GIF | 无损,适用于包含单色、线条和简单的图形 |
PNG | 无损,适用于包含单色、线条和简单的图形 |
JPG | 有损,大小是PNG的两倍 |
对于图片了解的不多,ps也只会简单的操作的我已经尽力了
CSS
一些比较零散的知识点
1、border-bottom与underline的区别
2、link中的rel是文件与所链接文件的关系
3、letter-spacing:字母之间的间距
5、斜体:font-style:italic(有衬线) | oblique(无衬线);其实区别不大
6、text-decoration:line-through,underline,overline,none;
7、text-align只设置在块元素上,仅对块元素中内联元素起作用
8、设置背景图片的background-repeat和background-position
字体
- 在网上找到字体
- 确保有字体的所有格式
- 放在服务器上
- 把一下内容放在文件最上边,<body>上面
@font-face{
font-family:"自己喜欢的任意名字";
src:url(""),
url("");
}
5、在CSS中
font-family:"自己喜欢的任意名字"
但是移动设备和小型设备不支持
盒模型
css将每个元素都当作盒子看待,盒子由内容区,内边距,边框,外边距组成
一般情况下width为内容区的宽度,总宽度为四者之和