HTML之css+div

做一个网站 先见站点

../往上翻一个文件夹

超链接:

<a hert = " " target(超链接的打开方式) 
= "self(自身)"或"new(新开窗体)">

</a>

锚点:超链接的特殊应用

<a href="#1"...> </a>

<a name ="1"> </a>

表格:容器,可以把这一个页面 划分区域

表格不能随便移动

div: 层标签 (默认占一行)

通过坐标设定位置,可以随意挪动 table 的单
元格 可以任意拖拽

更利于网站优化

<div> </div>

css:style:样式表 控制标签的样式

body以及body里面所有的标签都可以加style

style:样式表

内联样式表:style 样式表写在body属性位置 
的时候

内嵌样式表:写在head范围之内的,来控制当前

页面着写标签的样式

<head>
<style>
body{ /* 设置body标签的 
颜色 */
/style>
</head>

外部样式表:通过 link 标签 链接 css 文件

起一个宏观调控的作用,后期维护方便

<head>

选择器:如何用外部样式表控制HTML的标签

<link type="text/css" 
href="css/style.css" rel="stylesheet" />

</head>

id选择器:标签的身份编号,一个网页里面 
body范围

之内所有的标签都可以写id 而且 id不能重复

唯一识别

先在css文件里设置:

#p1
{

color:#0F9;}

然后:作用在原文件

</head>

<body>
<p id="p1">rer</p>
<p id="p2">sdf</p>
<p id="p3">sdf</p>
</body>
</html>

标签选择器:
body{ /* 设置body标签的 
颜色 */
font-size: 13px; line-height: 23px;">优先遵循id选择器

在css注释:/* */
在HTML注释<!-- -->

class选择器:
先在css文件里面建立

.yangshi1
{

color:#C0F;}

然后在文件里面link css文件 然后通过 
class=样式的名字
<body>
<p id="p1">rer</p>
<p id="p2" class="yangshi1">sdf</p>
<p id="p3">sdf</p>
</body>

时间: 2024-08-25 17:21:04

HTML之css+div的相关文章

CSS + DIV 让页脚始终底部

一 前言 经常设计页面时用到三层DIV,头DIV与脚DIV一般固定高度,而中间层DIV根据内容的多少,高度不定,我们经常希望但内容很少时,脚DIV保持在底部,当内容很多时,脚DIV被中间内容挤到下面,但仍然始终保持在底部. 二 position position有四个参数:static  | relative | absolute | fixed position:static,意味元素没有被定位,元素会出现在文档本该出现位置,是页面元素默认的定位的方式,一般无需指定,除非想要覆盖之前设置的定位

css+div网页设计

css是网页制作不可缺少的部分,我会用两篇博客为大家展示css的基本用法. 关于css+div的整体结构图总结如下: 本篇博客主要介绍css的基础知识. 一.css概念; css(级联样式表):它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言. 二.使用css控制页面方法 css控制页面的方法共有四种,行内样式.内嵌式.链接式.导入式. a.行内样式 ps:行内样式

【转】用CSS+DIV时width的问题

CSS盒子占据面积的大小一共是边距(margin)+边框(border)+填白(padding)+宽度(width).所以当你设置width:200px;border:1px xx xx;的时候,实际的这个DIV的width最大值还是200.只是DIV的实际占据页面的宽度是:1(左边框)+200(width)+1(右边框)=202所以这个DIV里面还有200的宽度可以容纳包含的DIV.当然如果里面的DIV宽度大于200,外面DIV定义的宽度就会失去效果. 注意啦!注意啦!重点地方要回答你了,如果

20151008-20151101学习内容之三:css+div

css+div 超链接: <a hert = " " target(超链接的打开方式) = "self(自身)"或"new(新开窗体)"> </a> 锚点:超链接的特殊应用 <a href="#1"...> </a> <a name ="1"> </a> 表格:容器,可以把这一个页面划分区域表格不能随便移动 div: 层标签 (默认占一

精通CSS.DIV网页样式与布局系列学习

精通CSS.DIV网页样式与布局(八)——滤镜的使用 精通CSS.DIV网页样式与布局(七)——制作实用菜单 精通CSS.DIV网页样式与布局(六)——页面和浏览器元素 精通CSS.DIV网页样式与布局(五) ——设置表格与表单样式 精通CSS.DIV网页样式与布局(四) ——页面背景 精通CSS.DIV网页样式与布局(三)——中秋效果图 精通CSS.DIV网页样式与布局(二)—— 段落 精通CSS.DIV网页样式与布局(二) 精通CSS.DIV网页样式与布局(一) 神奇的验证码,我们一起来探究

CSS+DIV+HTML(一)--HTML总结

一.定义 HTML(Hyper Text Markup Language),标记语言. 二.主要内容: HTML元素分为三类:块级标签.内联标签.可变标签.区别在于: 块级元素:在默认情况下会换行显示. 内联元素:在默认情况下会在一行内显示. 可变元素:根据上下文确定自己是块级元素还是内联元素. HTML文档和HTML元素是通过HTML标签进行标记的.HTML元素定义了整个HTML文档.什么意思呢? 举个例子: HTML文档是有文本标签定义的: <!DOCTYPE html> <html

css+div

什么是css什么是div? div是盒子的意思就是存放数据的盒子. css就是怎么来存放盒子存放盒子里面的数据. 那么css+div是用来做什么的? 是用来做网页页面的.一个网页的页面可以看做是很多个盒子组装起来的.盒子装盒子啊,盒子重盒子啊,这些.然后我们在盒子里面放上图片,文字等.就成为我们的网页了.

鼠标经过图片时变换的两种方法--css+div及javascript应用

javascript方式:    熟悉使用document.getElementById()取得节点对象 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

CSS+DIV总结

CSS是用于控制网页样式并将样式信息与网页内容分离的一种标记语言.它的引入是为了使得HTML语言更好地适应页面的美工设计. CSS+DIV放在一起,是因为DIV作为HTML中块标记,CSS可以通过DIV标签实现对网页的样式控制. CSS作为样式表插入到HTML中,当读到一个样式表时,浏览器会根据它来格式化HTML 文档,插入样式表的方法有:行内式,内嵌式,导入式和链接式.当然CSS有它一定规则,由选择器和一条或多条声明构成,每条声明由一个属性和一个值组成.这里有一个细节问题,不要在属性值与单位之

div垂直居中 css div盒子上下垂直居中

div垂直居中 css div盒子上下垂直居中,让DIV盒子在任何浏览器中任何分辨率的显示屏浏览器中处于水平居中和上下垂直居中. div垂直居中常用于单个盒子,如一个页面里只有一个登录布局,使用div css让这个登录布局水平和css垂直居中. 这里介绍一种最简单兼容性最好的水平居中与上下垂直居中的方法. 1.具体实例代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> &