CSS（一）基础

时间 2019-11-18

标签 css 基础栏目 CSS 繁體版

原文原文链接

HTML CSS Javascript 三者关系

-HTML是网页内容的载体；

-CSS样式是表现（外观控制）；

-Javascript是行为，是用来实现网页特效效果，如轮播图；

什么是CSS

-CSS 是层叠样式表
-用于定义HTML内容在浏览器中的显示样式

CSS的做用

-CSS简化HTML相关标签，网页体积小下载快
-解决内容与表现分离的问题
-更好的维护网页提升工做效率

CSS内容：

-CSS基础语法

　　1：CSS 规则由两部分构成，选择器+声明。如： .h1 { color：red; }
　　2：CSS引用：写在<head></head>标签内： <style type="text/css"> CSS样式。。。 </style>
　　3：相一样式的能够用逗号隔开，只写一次。如： p,h1,h2,h3,h4 { color:red}

-CSS使用方法

　　1：行内样式（内联样式）如： <p style="color:red;"></p>
　　2：内部样式表（嵌入样式）把CSS样式写在 <style type="text/CSS"> CSS样式。。。</style>内，同时 style标签要放在head标签内
　　3：外部样式表存在 .css文件内
　　　　　　引入外部文件 <link href="XX.css" rel="stylesheet" type="text/css" /> 同时注意放到head标签内
　　4：导入式（尽可能不要用存在慢和兼容性问题） @import 引入外部CSS样式如 @import url(XX.css) 或者 @import "XX.css" 要放在样式代码的最开始处

-CSS选择器

　　。标签选择器
　　。类选择器 1：为HTML标签添加 class属性注意要用 .style
　　　　　　　　　2：可对不一样类型元素的同一个名称的类选择器设置不一样的样式规则；如 p.red {font-size:50px;} h1.red { font-size:10px;}
　　　　　　　　　　3：多个样式用空格隔开即开
　　。ID选择器 1：为HTML标签添加id属性如 <p id="p1"></p> 经过id选择器来为具备此ID的元素设置CSS规则： #p1{ color : red}
　　　　　　　　　　2：id是惟一的
　　。全局选择器　　1：全部标签设置样式通配符 *{ color：blue}
　　。群组选择器 1：集体统一设置样式用逗号隔开
　　　　　　
　　。后代选择器　　1：使用后代选择器设置时，之间用空格隔开如： p em{ color ；blue;}

　　　　　　　　　　

　　。伪类

　　　　-伪类选择器定义特殊状态下的样式css

　　　　-没法用标签，id，class及其余属性实现、浏览器

　　　　　　　　-连接伪类：url

　　　　　　　　　　　　　　　　连接中的四种状态：（：link 激活状态）》（：visited 已访问状态）》（：hover 未访问状态）》（：active 和鼠标悬停状态）blog

-CSS继承和层叠

-CSS优先级

　　　　行内样式 > 内部样式 > 外部样式；
　　　
　　　　内部样式和 link 外部样式表的优先级取决于谁离要显示的地方近，就是所谓的就近原则；

　　　

-CSS命名规范

相关文章

相关标签/搜索

CSS 基础教程

CSS基础学习

Java基础之一

css基础修炼之路

PHP 7 新特性

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公众号

欢迎关注本站公众号,获取更多信息

相关文章

>>更多相关文章<<