在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个标签中，这个标签的作用就相当于一个容器。为了使逻辑更加清晰，我们可以为这一个独立的逻辑部分设置一个名称，用id属性来为提供唯一的名称，这个就像我们每个人都有一个身份证号，这个身份证号是唯一标识我们的身份的，也是必须唯一的。语法：…

通用选择器通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色：* {color:red;}

段落标签:段落标签标题标签：标题标签，x代表1-6斜体:显示的字体是斜的粗体：显示的字体是粗的 表示强调， 表示更强烈的强调。并且在浏览器中 默认用斜体表示， 用粗体表示。:标签是没有语义的，它的作用就是为了设置单独的样式用的。用法如下：span{color:blue;}我有一个梦想,面朝大海，春暖花开。。。

伪类选择符

文字排版--字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子，下面代码实现：为网页中的文字设置字体为宋体。body{font-family:"宋体";}这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）现

一：继承性CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。p{color:red;}三年级时，我还是一个胆小如鼠的小女孩。但注意有一些css样式是不具有继承性的。如b

盒模型--边框（一）盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。如下面代码为div来设置边框粗细为2px、样式为实心的、颜色为红色的边框：div{ border:2px solid red;}上面是border代码的缩写形式，可以分开写：div{ border-width:2px; border-s

一，html+css基础1-1Html和CSS的关系学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边

中文文字中的段前习惯空两个文字的空白，这个特殊的样式可以用下面代码来实现：p{text-indent:2em;}，在head头里面写上下面的代码p{text-indent:2em;}注意：2em的意思就是文字的2倍大小。text-indent就是缩进的意思

打开新窗口（window.open）open() 方法用于打开一个新的窗口。语法：window.open(, , )参数说明:URL：打开窗口的网址或路径。窗口名称：被打开窗口的名称。    可以是"_top"、"_blank"、"_selft"等。参数字符串：设置窗口参数，各参数用逗号隔开。参数表:例如:打开http:

元素分类--块级元素什么是块级元素？在html中、 、、、 和 就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素，从而使a元素具有块状元素特点。a{display:block;}块级元素特点：1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）2、元素的高度、宽度、行高以及顶和底

src 是指向物件的来源href 是指向需要连结的地方url 是通用的 "连结" 的专业代名词，在 HTML 语法里几乎不会使用src 通常用作 "拿取" 而 href 用作 "连结前往"例如 就是 src 拿取 image.jpg 作为这个 img 的源档案… 就是 显示 image.jpg 的意思例如 就是 href 跳转到 image.jpg… 就是网址会跳转到 imag

常用的块状元素有：、、...、、、、、、 、常用的内联元素有：、、、、、、、、、、常用的内联块状元素有：、

div：行级标签  2个div之间会换行span：块级标签p:行级标签：2个p之间会换行，且有个空行

从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。1：内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码：这里文字是红色。2:嵌入式，嵌入式css样式，就是可以把css样式代码写在XXX标签之间。 span{ color:red; } 3:外部式css样式，写在单独的一个文件中.

子选择器还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码：.food>li{border:1px solid red;}这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框。

使用标签，链接到别一个页面语法：链接显示的文本其中值得注意的是：       1、title属性的作用：鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）       2、只要为文本加入a标签后，文字的颜色就会自动变为蓝色（被点击过的文本颜色为紫色）使用CSS样式可以设置：a{color:#000}

认识table表标签table tr td,th{ border:1px solid #090;//为表格添加边框：像素是1px 实体solid 颜色#000}//摘要summary的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，//使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。  20

语法：1、type:   当type="radio"时，控件为单选框   当type="checkbox"时，控件为复选框2、value：提交数据到服务器的值（后台程序PHP使用）3、name：为控件命名，以备后台程序ASP、PHP使用4、checked：当设置checked="checked"时，该选项被默认选中注意:同一组的单选按钮，name取值一定要一致，比如

1、Get是用来从服务器上获得数据，而Post是用来向服务器上传递数据。 2、Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用“&”连接；Post是将表单中的数据放在form的数据体中，按照变量和值相对应的方式，传递到action所指向URL。3、Get是不安全的，因为在传输过程，数据被放在请求

网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。语法：,其中传送方式有两种post和get,服务器文件是指输入的数据被传送到的地方,比如一个PHP页面(save.php)。 用户名: 密码:

1、type：   当type="text"时，输入框为文本输入框;   当type="password"时, 输入框为密码输入框。2、name：为文本框命名，以备后台程序ASP 、PHP使用。3、value：为文本输入框设置默认值。(一般起到提示作用)文本域，支持多行文本输入：当用户需要在表单中输入大段文字时，需要用到文本输入域。语法： rows="行数"

认识标签，为网页插入图片在网页的制作中为使网页炫丽美观，肯定是缺少不了图片，可以使用标签来插入图片。语法：举例：讲解：1、src：标识图像的位置；2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；4、图像可以是GIF，PNG，JPEG格式的图像文

abel 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。语法：注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。例子如下： 你对什么运动

爱好： //multiple表示许多的，倍数，在浏览器里面按下ctrl+单击就可以多选 看书 旅游 购物 讲解：1、value：2、selected="selected"：设置selected="selected"属性，则该选项就被默认选中。注释：旅游那一行可以直接写成selected也表示该选项就被默认选中，如果哪一行也没有selected="se

CSS样式的优势span{ color:blue;} 慕课网，超酷的互联网、IT技术免费学习平台，创新的网络一站式学习、实践体验； 服务及时贴心，内容专业、有趣易学。专注服务互联网工程师快速成为技术高手！

CSS代码语法css 样式由选择符和声明组成，而声明又由属性和值组成，如下图所示：选择符：又称选择器，指明网页中要应用样式规则的元素声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。注意：1、最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号。Html中使用在CSS中的注释语句：用/*注释语句*/

标签选择器标签选择器其实就是html代码中的标签。如右侧代码编辑器中的、、、、。例如下面代码：p{font-size:12px;line-height:1.6em;}上面的css样式代码的作用：为p标签设置12px字号，行间距设置1.6em的样式。类选择器类选择器在css样式编码中是最常用到的，如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色

修改元素内容： Hello 按钮 function demo(){ var nv = document.getElementById("pid"); nv.innerHTML="World"; } 修改元素标签属性： 呵呵 按钮 function demo(){ document.getElementById("aid").href=