html前端day4上 选择器and盒子初步

补一下之前的笔记
昨日回顾
表单：表单是为数据而存在的



单选项checeked表示这一项默认被选中的

多选项

用户可以提交数据，可以不用value
提交按钮
重置按钮
普通按钮
图片按钮

//列表项 multiple可多选
文字1
selected=”selected”表示这一项默认被选中
………

必须有name，rows cols表示字符有多少行多少列，字符为单位

框架：
框架标签是用于将“当前窗口”进行瓜分成更小窗口的一种技术。Frameset代替body标签，并要是用框架文档类型。

scorlling是否要滚动条

。。。。。。

Css基本概念：
Css是用于这样一个目的：将网页中的某个（些）标签（元素）的某方面特性设置为某个值
Css的语法基本模式为：
选择器｛css属性1：值1；css属性2：值2；……｝
所谓选择器，其实就是某种可以对应到网页中的某个（些）标签的语法形式。
Css选择器分类：
标签选择器：
一个英文单词{……}
所谓一个英文单词，其实也就是一个应该存在的标签名
类选择器（class选择器）
.类名｛……｝

啊啊啊啊啊啊

Id选择器
#id名{……}

特别注释：title,class,id 就是我们所谓的“通用属性”—即谁都可以用
通用选择器：
*｛……｝
伪类选择器：
a:link{…….}
a:visited{}一个链接在初始状态下
a:hover{}一个链接被访问后
a:active{}鼠标活动状态 鼠标摁住还没有起来
注意：上述4个伪类用于a标签通常就必须按上述顺序写。
另外，实际应用中，常常简化为这样：
A{……}
A:hove{……}
含义是：a链接标签只分“鼠标放上去状态”和“其他状态”
层级选择器：
选择器1 选择器2｛。。。。｝
分组选择器：
选择器1 选择器2{………}

文字段落的样式属性
color:设定一个标签中的文字的颜色，颜色值可以使用英文单词，16进制语法和rgb语法
font-size: 设定文字大小，单位通常为像素（px）--一般的商业网站的文字大小通常都是12px
font-weight:设置文字粗体（bold）或非粗体（normal）
font-style：设置文字斜体（italic）或非斜体（normal）
font-falimy：设置文字的字体名字，可以使用多个字体名，中间用逗号分开，表示的含义是：首先是用第一个字体，如果用户电脑中没有第一个，则是用第二个，依此类推。举例：
font-family:宋体,仿宋体,微软雅黑,airal,”Time New roman”
line-height：设置文字的行高，单位通常也是px
即一行文字所占据的空间高度—行高不是文字的高度
letter-spacing:设置字符（或者字母）之间的间隔距离，中文其实是“字”的间隔
word-spacing:设置单词之间的间隔距离—通常只对西方拉丁语系的字符有效
text-align:设定文字的水平对齐方式。其功能是相当于标签属性的align属性。但要注意：align作为html属性，其实只在其中的某几个标签中使用，但是text-align是几乎所有标签都可以用的。
text-indent：设定一个段落中的首行缩进距离，单位通常也是px
text-decoration：设置文字的“修饰线”：下划线（underline）中划线（line-through）,上划线(overline),none（无）
vertical-align：设定文字在一个表格盒子（单元格）的垂直对齐方式：top（顶对齐），middle（中对齐），buttom（底对齐）

如果一个标签的某方面特性既受html属性影响又受css影响，则css设置优先
这样的属性其实没几个
*｛
Font-size:12px;
Color:black;
｝
一般用来设置网页基本的东西
Tr只是个抽象化的东西，虚线插td里

盒子模型初步

盒子是css中最重要的概念。

盒子

首先先建立一个观念：几乎所有标签其实都是一个盒子—而所谓盒子，无非就是一个“矩形”
的区域范围。其实所谓网页，无非是一个盒子套一个盒子。
一个盒子有如下一些区域（结构）构成：
边框（border）：一个线型的区域，可以是实线或虚线或其他形状
外边距（margin）：也叫“边界”边框线之外的一块空白区域，其含义是“不能放置物体”
内边距(padding)：也叫“补白”边框线之内的一块空白区域，其含义也是“不能放置物体”
内容区(没有对应的css属性名)：指一个盒子中可以放置“物体”的区域—也就是盒子的主要区域。其中放置的物体可以是普通的文字或其他标签—对应我们之前学的html中的“内容部分。内容区通常只能设置其宽高属性（width,height）。

网页设计中的“内容与表现分离”思想

我们以前学习html，说标签具有“表形表意”之作用。
其实也可以说，内容和其表现混在一起
现在：
Css技术可以将一个网页中的各个标签的表现都“提出来”放到一个专门的地方（比如style标签中）剩余的部分（标签和文字内容等）被整体上称为“结构/内容” 这种做法就被称为“内容与表现分离思想”