HTML中Css详细介绍

一、样式表的作用
　　1、Css样式表，层叠样式表
　　2、类似于人类的衣服，网页的衣服
　　3、作用：美化网页
　　4、优势：

　　　　1.内容与表现分离，便于维护
　　　　2.样式丰富，页面布局灵活
　　　　3.提高页面的访问速度，减少网络的带宽
　　　　4.有利于被seo收录
二、样式表的类型
　　1.行内样式表 <html标记 p style="属性：值；......"></html 标记>
　　2.内部样式表——写在<head></head>中的<style>标签中
　　<head>
　　<style type="text/css>"</head></style>
　　选择器（属性：值）
　　3.外部样式表
　　单独的拓展名为css的文件
在文件中，直接编写【选择器】就可以了
在网页中，连接外部的样式表拓展名为css的文件 P103 <link type="text/css" rel="stylesheet" hre表文件"/>
三、CSS表的语法
选择器的名{网页的属性:值;...............}
1.标签选择器--html标记
　　1.会自动应用的网页的标签上面
2.类选择器--.选择器名{属性:值}
　　在需要应用选择器的html标记中，添加属性值
　　<html 标记 class="类选择名">
3.ID选择器--#选择器名{属性:值}

四、样式表和选择器的优先
　　行内样式>内部样式表>外部样式表 ID>类选择器>标签

转载于:https://www.cnblogs.com/fxx0129-nn/p/7029362.html

HTML中Css详细介绍相关推荐

java中Cookie详细介绍
Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是 ...
python如何使用多线程_python多线程应用中的详细介绍
python多线程在应用的时候有不少的事情需要重点的注意.其实只要掌握这些相关的技术段就能保证这个应用的完整.下面我们来看看具体是需要如何进行操作. 今天看了近一天关于多线程的应用中,如何安全调用py ...
css中margin详细介绍
深入理解css中的margin属性转载自 http://www.cnblogs.com/zhuzhenwei918/p/6124263.html 深入理解css中的margin属性之前我一直认为 ...
HTML与CSS详细介绍
HTML 与 CSS 1. 主要内容 2. HTML HTML(HyperText Markup Language)就是超⽂本标记语⾔."超⽂本"就是表示⻚⾯内可以包含⾮⽂字元素, ...
MapReduce中wordcount详细介绍
1.MapReduce编程模型 MapReduce采用分而治之的思想,把对大规模数据集的操作,分发给一个主节点管理下的各个分节点共同完成,然后通过整合各个节点的中间结果,得到最终结果.简单来说,Map ...
HTML+CSS详细介绍（全）
课程内容 HTML框架标签常见的框 <frameset rows="20%,*" noresize = "noresize"><frame ...
java中file_详细介绍Java中的File类
构造方法File f = new File("文件路径") File f = new File("parent","child") 创建一个 ...
60-300-022-使用-延迟数据-Flink中allowedLateness详细介绍
1.视界 2.概述当指定一个允许延迟大于0时,window以及window中的内容将会继续保持即使水印已经达到了window的最后时间.在这种情况下,当一个延迟事件到来而未丢弃时,它可能会触发w ...
python中easygui有几种_Python 模块EasyGui详细介绍
Python 模块EasyGui详细介绍前言: 在Windows想用Python开发一些简单的界面,所以找到了很容易上手的EasyGui库.下面就分享一下简单的使用吧. 接下来,我将从简单,到复杂一 ...

HTML中Css详细介绍

HTML中Css详细介绍

HTML中Css详细介绍相关推荐

最新文章

热门文章