网页设计与制作

简介: 网页设计与制作

链接CSS,JAVASCRIPT:


<link rel="stylesheet" type="text/css" href=" css地址">
<script type="text/javascript" src="js地址"></script>


style即CSS:

margin:10px 5px 5px 10px;
 /*--外边距:上边距10px,右边距5px,下边距5px,左边距10px--*/
 margin:10px 5px;
  /*---外边距:上下边距10px,左右边距5px--*/
padding:10px 5px 5px 10px;
 /*--内边距:上边距10px,右边距5px,下边距5px,左边距10px,和margin外边距设计格式一样--*/
border:10px 5px 5px 10px;
 /*--边框:上边框10px,右边框5px,下边框5px,左边框10px,和margin外边距设计格式一样--*/
font-family:"微软雅黑"
  /*---设置字体--*/
  @font-face{
  font-family:'设置新字体名称';
  src:url("新字体的位置");
  }
    /*---设置新的字体,下载字体,放到你的站点文件中,在CSS中定义字体名称--*/
 font-family:"新字体名称";
   /*---设置新字体,就可以用艺术字啦!--*/
width:100px;  
height:200px;
   /*---宽:100px,高:200px;--*/
font-size:5px;
   /*---字体大小:5px--*/
color:black;
   /*---字体颜色:黑色--*/
letter-spacing:1px;
   /*---字体间距1px--*/
background-color:black;
   /*---背景颜色:黑色--*/
 opacity:0.4;
   /*---设置背景透明度,0~1,数值越小,透明度也越大--*/ 
postion:absolute;
postion:relative;
     /*---绝对定位、相对定位--*/
left:10px;
     /*---位置向右移动10像素,--*/
left:-10px;
     /*---位置向左移动10像素,top,right也是一样的--*/
float:left;
    /*---左浮动,右浮动:right--*/


相关文章
|
Web App开发 iOS开发 内存技术
网页设计
7.2.1 网页的基本概念 网站是一组相关网页和有关文件的集合,一般有一个特殊的网页作为浏览的起始点,称为主页 (Homepage)用来引导用户访问其他网页。 网站通常位于Web服务器上。Web服务器又称WWW服务器、网站服务器或站点服务器。要浏览Web页面,必须在本地计算机上安装浏览器软件。目前用户使用最多的浏览器是微软的IE、Mozilla的Firefox、苹果的Safari、Google的Chrome和Opera公司的Opera等。 浏览器和服务器之间通过超文本传输协议 (HyperTextTransfer Protocol,HTTP) 进行通信。浏览器/服务器(B/S) 结构是目
|
开发框架 .NET 数据库
Dreamweaver网页设计与制作
网页设计与制作
206 0
|
Web App开发 XML 数据格式
网页设计与制作学习背景了解
自己总结的背景小知识 万维网和互联网的关系 简单来说,万维网是互联网的功能之一。 万维网是一个由许多互相链接的超文本组成的系统 ,通过互联网访问 通常浏览网页就是在使用万维网, 而邮件、ftp、上qq等就不是在使用万维网,但是在用的是互联网。
1399 0
|
移动开发 前端开发 HTML5
精美照片在网页设计中的13个优秀应用案例
  俗话说“一张图片胜过千言万语”,我很赞同照片在网页中能够传达给我们更深的含义。令人欣慰的是,很多网页设计师也同意这种说法,特别是使用大尺寸而且漂亮的照片在网页布局中。从巨大的背景图片到大的缩略图,我们有很多不同的例子向您展示图像如何创造与观众的情感联系,同时抓住他们的注意力。
799 0
|
移动开发 前端开发 HTML5
酷站欣赏:20个精美的国外扁平化网页设计作品
  随着 LED 液晶显示器中的像素密度和图像质量的提高以及平板电脑和智能手机的普及,以前在小型显示器或低分辨率显示器中使用的让细节更新清晰的阴影技术不再需要了。传统的设计正在慢慢地被丢弃,更多人的崇尚简单,简约的设计。
1054 0
网页设计心得
困难一,用dreamware 设计的网页代码混乱,很难控制 困难二,手写的代码很难控制兼容而且设计参数时一次次的试很吃力,效率底   解决访问: 第一步:手写大概代码 第二步:用dreamware来精细调节
684 0
|
移动开发 HTML5 前端开发
35个国外优秀的网页设计工作室和作品集展示网站
  设计工作室和设计公司为了能充分展现他们团队的设计水平,都会竭尽全力去设计他们自己的网站,并把最优秀的设计作品展示出来。下面分享的这些精美网站都是收集的非常优秀的网页设计工作室和作品集展示网站,一起欣赏。
1198 0
|
移动开发 前端开发 JavaScript
优秀网页设计:30个优秀的汽车网站设计欣赏
  梦想天空和大家分享过各种类型的优秀网页设计,包括餐饮网站,旅游网站,电子商务网站等等。今天这篇文章和大家分享国外30个优秀的汽车网站设计作品欣赏,希望能带给你网站设计灵感。 您可能还喜欢 10套精美的免费网站后台管理系统模板 25个国外优秀的餐饮网站设计案例欣赏 20个独具创意的优...
1295 0
|
移动开发 HTML5
经典网页设计:20个精美的国外单页网站作品
  如果一个网站的内容不是很多而且将来内容也不怎么增加的情况下,那么制作成单页网站(Single Page Websites)的形式是很好的选择。随着视差滚动(Parallax Scrolling)特效的流行,如今的单页网站也把这种精美的效果集成了进来,使得页面呈现更具创意。
946 0
国外网站设计欣赏:20佳优秀的网页排版设计
  网站设计欣赏系列今天给大家带来的是20佳优秀的网页排版设计作品。Typography 是一门字体排布,字体设计和符号调整的技艺。字体的排布涉及:字型、磅重、行长、行距的选择,字母间距的调整以及字偶间距的调整,还会对传统的字体作创意性、特殊化的美化与修饰。
1474 0

热门文章

最新文章