-
color的值有3种设置方式:
英文命令颜色
p{color:red;}RGB颜色
这个与 photoshop 中的 RGB 颜色是一致的,由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。
p{color:rgb(133,45,200);}每一项的值可以是 0~255 之间的整数,也可以是 0%~100% 的百分数。如:
p{color:rgb(20%,33%,25%);}十六进制颜色
这种颜色设置方法是现在比较普遍使用的方法,其原理其实也是 RGB 设置,但是其每一项的值由 0-255 变成了十六进制 00-ff。
p{color:#00ffff;}配色表:
查看全部 -
1、font-style可以设置字体样式,并且有种3设置方式。
2、正常字体为normal,也是font-style的默认值。
3、italic为设置字体为斜体,用于字体本身就有倾斜的样式。
4、oblique为设置倾斜的字体,强制将字体倾斜。
查看全部 -
.box {
border: 1px solid #00ee00;
height: 300px;
position:relative;}
.box1 {
position:absolute;
top:50%;
left:50%;
margin:-100px 0 0 -100px;
width: 200px;
height: 200px;
border: 1px solid red;
}查看全部 -
图片标签<img>
语法:
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
举例:
<img src = "myimage.gif" alt = "My Image" title = "My Image" />
讲解:
src:标识图像的位置
alt:指定图像的描述文本,当图像不可见时(下载不成功时),可看到该属性指定的文本
title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)
图像可以是gif,png,jpeg格式。
查看全部 -
列表标签:<ul>-<li>
语法:
<ul>
<li>XXXXX1</li>
<li>XXXXX2</li>
……
<li>XXXXXn</li>
</ul>
举例:
<ul> <li>精彩少年</li> <li>美丽突然出现</li> <li>触动心灵的旋律</li> </ul>
<ul>-<li>是没有前后顺序的信息列表,默认样式为:每项<li>前面都自带一个原点

有序列表:<ol>-<li>
语法:
<ol>
<li>XXX1</li>
<li>XXX2</li>
……
<li>XXXn</li>
</ol>
举例:
<ol> <li>前端开发面试心法 </li> <li>零基础学习html</li> <li>JavaScript全攻略</li> </ol>

<ol>-<li>在网页中默认样式一般为:每项<li>前面都自带一个序号
查看全部 -
html中的空格:
语法:
(分号必须)
查看全部 -
换行标签<br />,是一个空标签(没有内容的标签,类似的还有<hr />和<img />)
html中是忽略空格和回车的,在需要加入回车换行的地方加入<br />
换行标签在不同版本有不同的写法,如
xhtml1.0写法:<br />(一般经常使用,其他标签也是)
html4.01写法:<br>,(不太常用)
查看全部 -
侧边栏标签<aside></aside>

<aside>标签对代表侧边栏区域,单作用等同于<div>,只是具备语义化
查看全部 -
<section></section>标签对:定义一个区域

<section></section>标签对,代表一个区域,但作用等同于div,只是具备语义化
查看全部 -
<footer></footer>标签对:用来定义底部区域,如:

<footer>标签对代表底部,但作用等同于<div>,只是具备语义化
查看全部 -
<header>标签对,html5新增的语义化标签,定义头部区域,如:

<header></header>标签代表头部,但是作用等同于div,只是具备语义化
查看全部 -
使用<div>标签自定义块
在网页制作中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器
语法:
<div>……</div>
确定逻辑部分:
什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。如下图:

图中红色边框标出的部分就是一个逻辑部分,就可以使用<div>标签作为容器。
查看全部 -
<hx>标签,<hx>是指<h1>~<h6>标签。用了给文章设置标题。分别对应一级到六级标题。并且依据重要性递减。<h1>是最高的等级,如:
查看全部 -
<span>标签,这个标签是没有语义的,它的作用就是为了设置单独的样式用的。对这个标签设置CSS样式,就会对标签内的内容产生影响。
查看全部 -
段落标签<p>----在网页中显示大量段落文字,如文章。
注意:
一段文字一个<p>标签,如在一个文章中右3段文字,就要把3个段落分别放入3个<p>标签
查看全部
举报
