CSS样式表
1)语法规则:选择器,属性,属性值。
2)CSS选择器:
1:标记选择器
标记指的是《img》《a》《table》等
例如:
a{
font-size:9px;
color:#F93;
}
2:类别选择器
出现的原因:如果应用标记选择器的话,所有页面的标记都会变化,假如3个《h2》,想要每个《h2》显示都不一样,就需要引入
类别选择器。
以 . 开头,类名自己定义。
例子:
.one{ //类名为one的类别选择器
font-size:9px;
color:#F93;
}
应用的话如下:
<h2 class="one two">
3. id选择器
与类别选择器类似,通过id属性来添加,但是因为id的唯一性,所以id选择器只能用一次。
以 # 开头,后加id属性
例子:
#frist{
font-size:9px;
color:#F93;
}
应用的话如下:
<h2 id ="frist">
3)在页面中使用CSS
最常用的是链接式,也叫外部样式表
语法:<link rel='styleheet' href='path' type='text/css'>
href:CSS文档的路径
DOM技术
就是对于整个html页面的规划,然后结合javasprist来操作制作插件、做出jquery这样子的开源项目。
HTML学习
<link> | 定义资源引用。 |
<div> | 定义文档中的节或区域(块级)。 |
<span> | 定义文档中的行内的小块或区域。 |
可以通过 <div> 和 <span> 将 HTML 元素组合起来。
HTML 块元素
大多数 HTML 元素被定义为块级元素或内联元素。
编者注:“块级元素”译为 block level element,“内联元素”译为 inline element。
块级元素在浏览器显示时,通常会以新行来开始(和结束)。
例子:<h1>, <p>, <ul>, <table>
HTML 内联元素
内联元素在显示时通常不会以新行开始。
例子:<b>, <td>, <a>, <img>
HTML <div> 元素
HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器。
<div> 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。
如果与 CSS 一同使用,<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。
HTML <span> 元素
HTML <span> 元素是内联元素,可用作文本的容器。
<span> 元素也没有特定的含义。
当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性。
——————————————————————————————————-
应用到bookstrap来设计网页CSS!!
——————————————————————————————————
HTML表单
注意:表单和表格时完全不一样的东西。
表格是<table>,而表单是《form》。表单要远比表格作用大。
表单元素:
<input> 元素
最重要的表单元素是 <input> 元素。
<input> 元素根据不同的 type 属性,可以变化为多种形态。
<select> 元素(下拉列表)
<select> 元素定义下拉列表:
<textarea> 元素
<textarea> 元素定义多行输入字段(文本域):
《input》元素的tyep输入类型和属性。