怎么用css做题1,怎么用ap,div做题2

html-css018

怎么用css做题1,怎么用ap,div做题2,第1张

文字环绕图片的效果,用css的float就可以了,把图片的属性设为左浮动或右浮动,它周围的文字会自动环绕的。

轮播图自己用js实现比较麻烦,你可以下个插件,现在用的比较多的swiper.js,引入之后,new个swiper对象,配置下想要的效果就好了

A A D C C

二 1

html:

HTML(HyperText Mark-up

Language)即超文本标记语言(标准通用标记语言下的一个应用)或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语

言。HTML文件是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文件的结构包括头部

(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

HTML文件是可以被多种网页浏览器

读取,产生网页传递各类资讯的文件。从本质上来说,Internet(

互联网)是一个由一系列传输协议和各类文档所组成的集合,html文件只是其中的一种。这些HTML文件存储在分布于世界各地的服务器硬盘上,通过传输协

议用户可以远程获取这些文件所传达的资讯和信息。

网络浏览器,例如Netscape Navigator或Microsoft Internet explorer,能够解释HTML文件来显示网页,这是网络浏览器的主要作用。当你使用浏览器在互联网上浏览网页时,浏览器软件就自动完成HTML文件到网页的转换

css:

它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

2.

CSS

目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行

像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语

言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

使用方法编辑

有三种方法可以在站点网页上使用样式表:

外部样式:将网页链接到外部样式表。

内页样式:在网页上创建嵌入的样式表。

行内样式:应用内嵌样式到各个网页元素。

每一种方法均有其优缺点:

要在站点上所有或部分网页上一致地应用相同样式时,可使用外部样式表。在一个或多个外部样式表中定义样式,并将它们链接到所有网页,便能确保所有网页外观

的一致性。如果人们决定更改样式,只需在外部样式表中修改一次,而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以 .css

做为文件扩展名,例如 Mystyles.css。然后在需要此样式的页面中将其链接进来,如:

1

 

<linkhref="/层叠样式表/样式.css"rel="stylesheet"type="text/css"/>

1

2

3

4

 

<linkhref="/百度百科/样式.css"rel="stylesheet"type="text/css"/>

<!--在使用的时候,最好是把上面的汉字改成拼音,这样可以确保网页在不支持中文的系统中显示正常。

例如写成如下形式:-->

<linkhref="/BaiduBaike_ShiLi/baidubaike.css"rel="stylesheet"type="text/css"/>

当人们只是要定义当前网页的样式,可使用嵌入的样式表。嵌入的样式表是一种级联样式表,“嵌”在网页的 <HEAD>标记符内。嵌入的样式表中的样式只能在同一网页上使用。 如:

<styletype="text/css">

<!--/*把声明的样式包含在一个网页注释中,这样可以解决较老的浏览器不识别style的问题*/

body{background:grey}

-->

</style>

使用内嵌样式以应用级联样式表属性到网页元素上。如:

<pstyle="@importurl('BaiduBaike_Daima_Shili.css')">层叠样式表文档</p>

<!--不能在“样式”style属性中使用@import-->

<!--/*把声明的样式包含在一个网页注释中,这样可以解决较老的浏览器不识别style的问题*/

body{background:grey}

-->

</style>

使用内嵌样式以应用级联样式表属性到网页元素上。如:

<pstyle="@importurl('BaiduBaike_Daima_Shili.css')">层叠样式表文档</p>

<!--不能在“样式”style属性中使用@import-->

如果网页链接到外部样式表,为网页所创建的内嵌的或嵌入式样式将扩充或覆盖外部样式表中的指定属性。

要在网页上使用外部样式表的样式,可将该网页链接到样式表,方法是使用位于 “格式” 菜单上的 “样式表连接” 命令。可以链接一个或数个样式表到网页视图模式下的当前网页,或到在文件夹列表中的所选网页,或到站点上的全部网页。

该“样式” 框列出标准 HTML 标记符,例如标题

1,还有嵌入的样式表或链接到网页的外部样式表中所含的类或 ID 选择器。要应用样式到网页元素,请选定该样式然后单击 “样式” 框中的样式或选择器。

在 Microsoft FrontPage

2000中,某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用 “边框与阴影” 命令(在 “格式”

菜单上)在普通段落周围应用框,FrontPage 会写下格式设置信息,作为段落标记符的内嵌样式属性(例如∶ <p

style="border-style: solid">)。然而某些属性的应用需要使用 CSS,其他则需要使用 HTML

。如果人们只想使用 CSS 应用内嵌样式,可使用 “样式” 按钮(位于网页元素的 “属性” 对话框里)应用类或 ID 选择器或嵌入式样式。

css:就是为更改html标签在浏览器显示外观用的

二,2

如果在一个 <a>标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href

属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id

的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口。从此以后,超链接文档就可以指向这个新的窗

口。

特殊的目标

有 4 个保留的目标名称用作特殊的文档重定向操作:

_blank

浏览器总在一个新打开、未命名的窗口中载入目标文档。

_self

这个目标的值对所有没有指定目标的 <a>标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base>标签中的 target 属性一起使用。

_parent

这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。

_top

这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

提示:这些 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略,因此,不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。

二丶3

--font-style 属性定义字体的风格

font-variant 用于定义小型大写字母文本

font-weight  属性设置文本的粗细。

normal    

默认值。定义标准的字符。  

bold    

定义粗体字符。  

bolder    

定义更粗的字符。  

lighter    

定义更细的字符。  

100

200

300

400

500

600

700

800

900

 

定义由粗到细的字符。400 等同于 normal,而 700 等同于 bold。  

inherit    

规定应该从父元素继承字体的粗细。 

--font-size/line-height 大小 间距

--font-family :字体格式

二 ,4

一资源定位符 (Uniform Resource Locator, URL)

是用于完整地描述Internet上网页和其他资源的地址的一种标识方法。

Internet上的每一个网页都具有一个唯一的名称标识,通常称之为URL地址,这种地址可以是本地磁盘,也可以是局域网上的某一台计算机,更多的是Internet上的站点。简单地说,URL就是Web地址,俗称“网址”。

二 5

HTML中ul,ol,li,dl,dt,dd 用法

ul: unordered lists

ol: ordered lists

li: Lists

ol 有序列表。

<ol>

<li>……</li>

<li>……</li>

<li>……</li>

</ol>

表现为:

1……

2……

3……

ul 无序列表,表现为li前面是大圆点而不是123

<ul>

<li>……</li>

<li>……</li>

</ul>

很多人容易忽略 dl dt dd的用法

 

dl 内容块

dt 内容块的标题

dd 内容

可以这么写:

<dl>

<dt>标题</dt>

<dd>内容1</dd>

<dd>内容2</dd>

</dl>

dt 和dd中可以再加入 ol ul li和p

理解这些以后,在使用div布局的时候,会方便很多,w3c提供了很多元素辅助布局。

LI代码的格式化:

A).运用CSS格式化列表符:

以下是引用片段:

ul li{

list-style-type:none

}

B).如果你想将列表符换成图像,则:

以下是引用片段:

ul li{

list-style-type:none

list-style-image: url(/blog/images/icon.gif)

}

C).为了左对齐,可以用如下代码:

以下是引用片段:

ul{

list-style-type:none

margin:0px

}

D).如果想给列表加背景色,可以用如下代码:

以下是引用片段:

ul{

list-style-type: none

margin:0px

}

ul li{

background:#CCC

}

      E).如果想给列表加MOUSEOVER背景变色效果,可以用如下代码:

以下是引用片段:

ul{ list-style-type: nonemargin:0px}

ul li a{ display:blockwidth: 100%background:#ccc}

ul li a:hover{ background:#999}说明:display:block这一行必须要加的,这样才能块状显示!

      F).LI中的元素水平排列,关键FLOAT:LEFT:

以下是引用片段:

ul{

list-style-type:none

width:100%

}

ul li{

width:80px

float:left

}

<ul><li>的区别

<LI>的参数设定(常用):

例如: <li type="square" value="4">

type="square"

只适用于非顺序清单,设定符号款式,其值有三种,如下,内定为 type="disc":

以下是引用片段:

      符号 是当 type="disc" 时的列项符号。

      符号 if" width=10 height=10 border=0>是当 type="circle" 时的列项符号。

      符号 是当 type="square" 时的列项符号。

      value="4"

只适用于顺序清单,设定该一项的数目,其後各项将以此作为起始数目而递增,但前面各项则不受影响,其值只能是 1,2,3.. 等整数,没有内定值。

<UL>称为无序清单标记。

所谓无序清单就是在每一项前面加上 、、等符号,故又称符号清单。

<UL>的参数设定(常用):

例如: <UL type="square">

type="square"

设定符号款式,其值有三种,如下,内定为 type="disc":

以下是引用片段:

      符号 是当 type="disc" 时的列项符号。

      符号 是当 type="circle" 时的列项符号。

      符号 是当 type="square" 时的列项符号。

      <ul>是项目列表,<li>是列表项,项目列表就是用符号来列的,所以你列出来默认的就是黑点,还有一个是<ol>这个是编号列表,用数字来列的,也是用<li>做列表项

<li>是 list item 即列表项,但列表有很两种,所以外面得有 <ul>或者 <ol>用来区别无序列表(小点点)和有序列表(1,2,3...)。

二 6