img、link、html使用样式

一、<img>

例：

属性：

src ：图片地址（地址尽量写相对地址）

alt ：无图时显示此处

with ：图片宽度

height ：图片高度

图片格式：

浏览器广泛支持的三种：JPEG、PEG、GIF

JPEG：

1.颜色多达1600万种，所以适合保存照片和复制的图像。

2.是一种“有损”格式，因为缩小文件大小时慧丢掉图像的一些信息。

3.不支持透明度。

4.文件比较小，浏览器可高效展示。

5.不支持动画。

PNG：

三种：PNG-8、PNG-24、PNG-32（数字越大支持颜色越多,文件也越大）

1.PEG-8以适用于单色图像和线条构成的图像（如logo、图像中的小文本）

2.是一种“无损”的格式（压缩文件来缩小文件大小，不会丢掉信息

3.与JPEG相比，PNG文件更大一些

4.允许颜色设置“透明”

GIF：

1.GIF和PNG一样（1,2,3），不同点为GIF支持动画。

所以选择图片格式时。

如果是照片或颜色多，无需透明时可选：JPEG。

如果是图片单色或线条构成可选PNG或GIF，PNG比GIF小一点，这是可选PNG。

如果需动画只能选择GIF。

二、<link>

例：

三、html引用样式

内联样式：标签内使用“style”属性。

例：<p style="color="blue;"> 文本</p>

内部样式表：head中使用<style>元素包含css

例：

<head>

body { color:blue;}

</style>

</head>

外部样式表：使用外部css文件

例：

img、link、html使用样式相关推荐

[html] 页面导入样式时，使用link和@import有什么区别？
[html] 页面导入样式时,使用link和@import有什么区别? 区别: 1.link是HTML标签,@import是css提供的. 2.link引入的样式页面加载时同时加载,@import引入 ...
Theme、StylesheetTheme设置ASP.NET的样式与主题
ASP.NET创建的动态网站,与静态网站相比,简单地说,就是在静态网站的基础上增加了由在服务器端运行的代码动态生成的内容,这个在服务器端运行的代码包括代码页中的后台代码,也包括前台页面中的控件. 静态 ...
css样式表和选择器
CSS样式----图文详解:css样式表和选择器主要内容 CSS概述 CSS和HTML结合的三种方式: 行内样式表 . 内嵌样式表 . 外部样式表 CSS四种基本选择器: 标签选择器 . 类选择器 ...
link 和 @import 的区别
1.引入的内容不同: link 除了引用样式文件,还可以引用图片等资源文件,而 @import 只引用样式文件 2.加载顺序不同 link 引用 CSS 时,在页面载入时同时加载:@import 需要 ...
link和@import的区别
1.link属于HTML标签,@import是css提供的 2.link是HTML标签,没有兼容问题,而@import只在IE5以上才能识别 3.页面被加载时,link会同时被加载,而@import引 ...
css样式加入的法方,初学必知：XHTML网页中加入CSS的五种方_css
在Xhtml网页中如何加入css呢?这篇教程告诉大家引入CSS的几种方式. XHTML文件是通过CSS样式进行显示的控制的,也就是结合XHTML与CSS来表现页面内容.那么到底有哪些方式在XHTML文 ...
网页设计的css样式,网页设计引入CSS样式的五种方式_css
一.使用STYLE属性将STYLE属性直接加在个别的元件标签里,<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; -} 例如: <TD ...
jsp中@import导入外部样式表与link链入外部样式表的区别
昨天碰到同事问了一个问题,@impor导入外部样式与link链入外部样式的优先级是怎样的,为什么实验的结果是按照样式表导入后的位置来决定优先级.今天就这个问题具体总结如下: 先解释一下网页添加css样 ...
引入CSS文件的@import与link的权重分析
我很少在CSS用到@import这个标签,最近看到一句话"link方式的样式的权重高于@import的权重",感觉不太对,@import只是一个引入外部文件而已,怎么会有高于li ...
前端开发工程师css样式进阶指南
display: none; 与 visibility: hidden; 的区别相同: 它们都能让元素不可见区别: display:none;会让元素完全从渲染树中消失,渲染的时候不占据任何空间: ...

img、link、html使用样式

img、link、html使用样式相关推荐

最新文章

热门文章