在我们初步形成对web前端的了解,我们需要有一些html的编程基础,在这里就分享一些简单的html编程教程,以及我收集的一个手册
摘要:
一、css的语法
-----------------------------
格式: 选择器{属性:值;属性:值;属性:值;....}
其中选择器也叫选择符
CSS中注释:/* ... */
二、在HTML中如何使用css样式(html中嵌入css的方式);
----------------------------------------------------
一、css的语法
-----------------------------
格式: 选择器{属性:值;属性:值;属性:值;....}
其中选择器也叫选择符
CSS中注释:/* ... */
二、在HTML中如何使用css样式(html中嵌入css的方式);
----------------------------------------------------
1. 内联方式(行内样式)
就是在HTML的标签中使用style属性来设置css样式
格式: <html标签 style="属性:值;属性:值;....">被修饰的内容</html标签>
<p style="color:blue;font-family:隶书">在HTML中如何使用css样式
特点:仅作用于本标签。
2. 内部方式(内嵌样式)
就是在head标签中使用
<style type="text/css">....</style>
标签来设置css样式
格式:
<style type="text/css">
....css样式代码
</style>
特点:作用于当前整个页面
3. 外部导入方式(外部链入)
3.1 (推荐)就是在head标签中使用
标签导入一个css文件,在作用于本页面,实现css样式设置
格式:
<link href="文件名.css" type="text/css" rel="stylesheet"/>
3.2 还可以使用import在style标签中导入css文件。
如:
<style type="text/css">
@import "style.css";
</style>
特点:作用于整个网站
他们的优先级:当样式冲突时,就是采用就近原则,是值css属性离被修饰的内容最近的为主。
若没有样式冲突则采用叠加效果。
html入门学习视频
链接: https://pan.baidu.com/s/1gfGhmNL 密码: eigi
前端预习笔记和手册
链接: https://pan.baidu.com/s/1o775gcq 密码: d9vh
评论