1.HTML+CSS布局（DIV+CSS）:主要通过CSS样式设置来布局文字或图片等元素，需要用到CSS盒子模型，盒子类型，CSS浮动，CSS定位，CSS背景图定位等知识来布局，主流布局
2.CSS介绍：为了让网页元素的样式更加丰富，也为了让网页的内容和样式能拆开，CSS（Cascading Style Sheets）层叠样式表，HTML中大部分表现样式的标签就废弃不用了，HTML只负责文档的结构和内容，表现形式完全交给CSS，HTML文档变得更加简洁。
3.CSS基本语法
（1）CSS的定义方法是：
选择器{属性：值；属性：值；属性：值}
选择器是将样式和页面元素关联起来的名称，属性是希望设置的样式属性每个属性有一个或多个值。
2.CSS页面引入方法
（1）外联式：通过link标签，链接到外部样式表到页面中。
<link rel="stylesheet" type="text/css" href=./CSS/main.css>
（2）嵌入式：通过style标签，在网页上创建嵌入的样式表
<style type="text/css">
（3）内联式：通过标签的style属性，在标签上直接写样式
<a href="www.qq.com" style="font-size: 40px;color: pink">QQ</a>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>引入CSS</title>
<!--第一种插入样式的方式，外联式-->
<link rel="stylesheet" type="text/css" href=./CSS/main.css>
<!--第二种插入样式的方式，内嵌式-->
<style type="text/css">
h1{font-size: 20px;color: #D0E537}
</style></head>
<body>
<h1>页面标题</h1>
<div>这是一个div标签</div>
<!--第三种插入方式，行内式，不推荐-->
<a href="www.qq.com" style="font-size: 40px;color: pink">QQ</a></body>
</html>
转载于:https://blog.51cto.com/13742773/2333011
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
