笔记系列持续更新,真正做到详细!!本次系列重点讲解后端,那么第一阶段先讲解前端【续上篇HTML】
目录
一、CSS
1、CSS介绍
CSS即层叠样式表【Cascade Style Sheet】
2、CSS快速入门
【beige:米黄色,浅褐色】
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css 快速入门</title>
<!--
1.在 head标签内,出现了 <style type="text/css"></style>表示要写 css内容
2. div{}表示对 div元素进行样式的指定 div就是一个选择器[元素/标签选择器]
3. width: 300px(属性);表示对 div样式的具体指定,可以有多个
4.如果有多个,使用;分开即可,最后属性可以没有;但是建议写上
5.当运行页面时,div就会被 div{}渲染,修饰
-->
<style type="text/css">
div {
width: 200px;
height: 100px;
background-color: beige;
}
</style>
</head>
<body>
<!--
先使用传统的方法-->
<div>hello, 北京</div>
<br/>
<div >hello, 上海</div>
<br/>
<div>hello, 天津</div>
<br/>
<div>hello, 深圳</div>
<br/>
</body>
</html>
3、CSS语法
4、字体颜色和边框
度/高度像素值:100px; 也可以是百分比值:50%;
比如上面width:50% 则整个宽度是占整个页面的50%
5、背景颜色和字体样式
6、div和文本居中
7、超链接去下划线和表格细线
只需在之前代码中利用CSS即可
8、无序列表去掉样式
9、CSS使用方式
①、行内样式
②、head标签
③、引入外部CSS文件
创建CSS文件 New directort->New StyleSheet
10、CSS元素选择器
11、ID选择器
12、类选择器
13、组合选择器