黑马程序员技术交流社区
标题:
doy02
[打印本页]
作者:
夕阳下的少年
时间:
2018-5-3 16:18
标题:
doy02
Web HTML&CSS
[Html的框架标签]
框架标签 <frameset>,标签与body标签是冲突,有frameset就可以没有bpdy
属性值:rows:横着切 cols:竖着切
使用<frame>标签,代表切分的每个部分
特殊字符的标签
空格 
<:10<
>:10>
[css的概述]
div:默认独占一块区域
span:默认在同一行
[css的基本语法]
选择器{属性:属性值;.....}
[CSS引入的方式]
1.行内样式：直接在HTML的元素上使用style属性设置CSS.
<h1 style="color:red;font-size:200px ;">标题</h1>
2.页面内样式：在HTML的<head>标签中使用<style>标签设置CSS.
style>
h1{
color:blue;
font-size: 40px;
}
</style>
?
3.外部样式:单独定一个.css的文件.在HTML中引入该CSS文件.
<link href="../../css/demo1.css" rel="stylesheet" type="text/css" />
这三种方式的关系是就近原则;
[CSS的选择器]
元素选择器: 直接使用名字
ID选择器: 最好不要重名.
类选择器: 一个类中可以选择多个
[CSS的浮动]
Float的取值: left向左浮动; right向右浮动 none:默认值,允许在两侧移动;both:在左右两侧不允许移动
clear:清楚浮动
影响的是在此后边的浮动;不影响之前的元素
[下午课上笔记]
[CSS的其他选择器]
后代选择器
子元素选择器
[CSS的样式]
背景
文本
字体
列表
[CSS的盒子模型]
内边距:padding
外边距:margin
边框:border
[Css中的定位]
position属性设置定位
相对定位:relative
绝对定位:absolute
使用另外两个属性:left,top
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2