HTML/CSS重要知识集合(一)

8 篇文章 0 订阅
前言:
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

字体

  1. 在网上找到字体
  2. 确保有字体的所有格式
  3. 放在服务器上
  4. 把一下内容放在文件最上边,<body>上面
@font-face{
    font-family:"自己喜欢的任意名字";
    src:url(""),
        url("");
}
5、在CSS中
font-family:"自己喜欢的任意名字"
但是移动设备和小型设备不支持

盒模型

css将每个元素都当作盒子看待,盒子由内容区,内边距,边框,外边距组成

一般情况下width为内容区的宽度,总宽度为四者之和
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值