通过自己制作网页结局几个简单问题的方法

1, 网页中用到了一个派生选择器, 了解了这个东西之后看网上的那些样式表也不是那么复杂了, 其过程就是在写样式表的时候组合几个标签

#content ul li a div p
{
  padding: 0 10px;
  font-size: 12px;
  text-indent: 2em;
  line-height: 18px;
}

样式表的内容设置要根据标签的类型设置, 而且样式表中标签的顺序不需要和代码中标签的顺序一致, 只要都有这些个元素就可以了.

2, 网页中解决视频问题, 在这里关于分辨率出现了一个问题, 打开网页时视频是停止还是播放状态出现了一个问题

插入本地视频代码

<embed src="...视频位置..." autostart="false"></embed>embed标签是插入媒体标签, 支持格式可以是 Midi、Wav、AIFF、AU、MP3等等,

autostart属性为自动播放, 有两个值, true和false, true的时候为打开网页自动播放, false时为打开网页时停止播放

改变分辨率

当网页的分辨率改变时, 页面会发生变形的情况, 一般视频和图片是最为严重的视频发生这个情况的时候可以在<embed>标签外面嵌套一个<div>并设置属性

div的id属性

#shiy
{
  position: relative;
  margin:auto;
}

视频属性中加一个width:100%, height不设置, 可以解决这个问题

时间: 2024-12-18 09:42:03

通过自己制作网页结局几个简单问题的方法的相关文章

制作网页时Div与Table的区别

1.制作效率 我想没人反对表格的制作效率要高于Div的效率.很明显Div布局代码全部都要手写.即使你在熟悉代码,也没有 Dreamweaver生成来的快吧!所以Table可以很容易建立起结构化的界面,通过table自身的参数定义,我们能把页面布局很快定义成我们所需要的效果. 2.浏览器的兼容问题 table和div在兼容问题中,table更具有优势. 我们常用的IE6.0,IE7.0火狐Firefox浏览器对div css设置上非常挑剔,往往同一个css在2种浏览器上会有不同的结果,对设计制作人

推荐几款制作网页滚动动画的 JavaScript 库

这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件.它们中,有的可以帮助你在页面滚动的时候添加动感的元素动画,有的则是实现目前非常流行的全屏页面切换动画.相信借助这些插件,你也可以让网站变得高大上起来. ScrollReveal.js ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力.只需要给元素增加 data-scrollreveal 属性,当元素进入可视区域的时候会自动被触发设置好的动画. 在线演示     立即下载 Sc

html+jquery制作网页地图

http://jvectormap.com/ <!--StartFragment --> JVectorMap 是一个显示矢量地图的jQuery插件.它使用 SVG 在Firefox 3 or 4, Safari, Chrome, Opera, IE9, 同时也支持老的ie浏览器ie6到ie8.使用 jVectorMap也很简单,和其他的jQuery方法相同. 在初始话地图的时候你也可以提供参数去改变地图的样式. 制作工具:Illustrator  制作教程:http://www.jaffre

pc端对制作网页动画一些心得

最近做了一些pc端的页面,用了一些动画效果,总的来说感觉还不错,大概记录下一些体会 首先,我们把pc端的动画类型分三类: javascript和jQuery直接控制dom属性 css3的属性transition css3的animation 这三类是我目前主要使用的动画效果制作来源 javascript和jQuery直接控制dom属性 这种模式就是我们传统的js模式,或者在jquery上进行一些包装.主要是直接变化dom节点的普通属性,left,top,width,height之类的: 优点:

前端开发css实战:使用css制作网页中的多级菜单

前端开发css实战:使用css制作网页中的多级菜单 在日常工作中,大家都会遇到一些显示隐藏类菜单,比如页头导航.二维码显示隐藏.文本提示等等......而这些效果都是可以使用纯css实现的(而且非常简单),使用css的优势显而易见,它可以使页面中的javascript变得更少. 实现逻辑: 核心:hover伪类控制子元素的显示隐藏,添加css3动画;  (没错就是这样简单) :hover伪类,适用于当用户指向一个元素时,例如用户的鼠标指向一个段落p.当用户鼠标离开元素时,恢复元素原有的样式显示

根据基础班所学知识制作网页

一个网页需要满足三点:结构(HTML)样式(CSS) 行为(JavaScript).而制作网页前需要一个代码编辑器,现在用的两个编辑器EditPlus.sublime,我一般选择sublime这个懒人编辑器-.-.制作网页最重要的是思维,好的思维可以事半功倍,顺着清晰的思维编写是很轻松的事.要清楚的明白自己要做什么,步骤是怎样的. 做网页就像建造房子,首先要有地基,HTML的编写就像是地基.HTML的编写:要清楚HTML的构造,HTML的编写规则,标签的属性等.其中有几点需要特别注意:表格标记及

网页设计制作CSS实现隔行换色两种方法

网页设计制作CSS实现隔行换色两种方法 2007-12-21 20:59:44  来源:网页教学网 网页设计制作,CSS实现隔行换色两种方法: 第一种方法: 以下为引用的内容:<style type="text/css">UL.myul1 LI{}</style><ul class="myul1"><li id="li1">111</li><li id="li2"

关于制作网页时乱码的问题详解

关于制作网页时乱码的问题详解 很多朋友在制作网页时会遇到一个很头疼的问题,就是乱码问题,有时改改编码就解决了,那是运气不错,而有时无论如何也解决不了,那就没办法了.我在制作网页时也遇到了不少问题,最后实在受不了了,只好花了三天时间来仔细研究乱码问题,小有成果,在这里和大家分享一下. 乱码在我看来分三种情况: 1.html乱码. 2.javascript乱码 3.数据库乱码(我用的是mysql,其他也一样,操作数据库是直接用phpmyadmin操作) 网页设计基本就这三种情况.笔者不幸的全遇到了(

使用Dreamweaver制作网页的实用技巧

Dreamweaver这款软件对于网页设计的朋友肯定不陌生了,这款软件可是说是网页设计必备的,因为可以大大的提高我们的工作效率. 1.灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style.虽然不同的方法达到的效果看似一样,但实际上产生的HTML代 码则完全不同.比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签