前端02

作者: 迷路了吗_67f1 | 来源:发表于2018-11-17 14:19 被阅读0次
1.插入图片

<img src="路径" alt="图片描述"/>

2.相对路径

相对于当前资源路径所在的位置

../返回上一级目录
./当前目录

3.常用图片形式

GIF(动图,支持颜色少)
PNG(支持颜色多)
JPG(支持丰富的颜色)

如果效果不一致的时候,选择效果好的
如果效果一致时,使用体积小的

4.meta

mete可以设置关键字(格式:<meta name="keywords" content="描述"/>)
meta可以设置对网页的描述(格式:<meta name="description" content="描述"/>可以检索网页,不影响排名)
mete还可以对网页重定向(格式:<meta http-equiv:"refresh" content="描述"/>)

5.XHML的语法规范

不分大小写
注释不能嵌套
要么成对出现,要么自结束标签

6.内联框架

不太支持使用
格式:<iframe sre="路径" width="" height="" name="" > </iframe>

7.超链接

超链接可以包含任何元素
<a href ="地址" > </a>会在当前网页跳转(a可以包含任何标签,但不能包含它本身)
target="_blank"在新网页打开

8.CSS层叠样式表

内联样式表:写在style里面的叫做内联样式表 格式:<p style="color:red;font-size:40px;"></p>
内部样式表:<style type="text/CSS">
p{color:red;font-size:40px;}
</style>
外部样式表:<link rel="styleshee" type="text/CSS" href(指定路径)"CSS/.style.CSS"/>

9.

CSS注释:/# #/
CSS语法:选择器,声明块.
块元素(独占一行):div(布局) p ul li
内联元素(不会独占一行):span a img iframe

id选择器:#p1(不能重复)
类选择器:.p2
并集选择器:#p1,.p2,h1
通配选择器:*(选择页面上所有元素)
复合选择器(交集选择权):span .P3{
}
后代选择器:div 空格 span{
}

相关文章

  • 前端-索引

    前端-01-web基础[https://www.jianshu.com/p/6fffe24824c9]前端-02-...

  • web前端特效演示合集

    前端特效01:使用纯CSS实现书籍3D翻页效果 前端特效02:使用纯CSS实现动态太极 前端特效03:HTML5画...

  • 01 Web 前端安全相关

    01 前端安全系列(一):如何防止XSS攻击?02 前端安全系列(二):如何防止CSRF攻击?03 AJAX请求真...

  • 前端02

    歌词页面

  • 前端02

    1.插入图片 2.相对路径 相对于当前资源路径所在的位置 ../返回上一级目录./当前目录 3.常用图片形式 GI...

  • 前端--02

  • 任务2-web 相关知识了解

    **2016/05/02 ** 问题前端是做什么的?互联网职位有哪些常见的简称(如PM…)前端负责页面呈现和交互功...

  • 1 前端技术栈的选择

    前端技术栈的选择 author: lordkhandate: 2017-02-08 三种选择 Vue + Type...

  • 浏览器原理

    前端必读:浏览器内部工作原理 作者: Tali Garsiel发布时间: 2012-02-09 14:32阅读: ...

  • 【Ionic2系列】 一、入门介绍

    【Ionic系列】 一、入门介绍 时间:2017-02-24 23:23:25作者:zhongxia 身为一个前端...

网友评论

      本文标题:前端02

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