⑴ web前端開發 怎樣實現動態彈幕
跟標題滾動是一個意思,彈幕滾動也是定時器,只不過加了一個高度的賦值
⑵ 前端開發 移動web開發 滑動頁面導航置頂會跳動不流暢,有沒有好的解決方案
禁止頁面滑動,
設置內容區滑動,
可以參考iscroll
⑶ web前端
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="">
<style>
* {
margin: 0;
padding: 0;
}
.box{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
</style>
</head>
<body>
<div class="box">
<p>文字</p>
<p>文字</p>
<img src="./123.jpg">
</div>
</body>
</html>
⑷ web前端怎麼設置字體
<h1 style=" font-family:"微軟雅黑";font-size:20px;color:red; ">標題的字體設置</h1>
上面用的內聯樣式設置了 文字內容的字體類型是:「微軟雅黑」,字體大小20像素,顏色為紅色。
⑸ web前端開發中製作的app頁面字體自動上移出界怎麼往下移
1、首先來看看webkit內核中的一些私有的meta標簽,這些meta標簽在開發webapp時起到非常重要的作用
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
第一個meta標簽表示:強制讓文檔的寬度與設備的寬度保持1:1,並且文檔最大的寬度比例是1.0,且不允許用戶點擊屏幕放大瀏覽;
第二個meta標簽是iphone設備中的safari私有meta標簽,表示:允許全屏模式瀏覽;
第三個meta標簽也是iphone的私有標簽,其指定的iphone中safari頂端的狀態條的樣式;
第四個meta標簽表示:告訴設備忽略將頁面中的數字識別為電話號碼
2、HTML5標簽的使用
在開始編寫webapp時,前端工程師可以使用HTML5,而放棄HTML4,因為HTML5可以實現一些HTML4中無法實現的豐富的WEB應用程序的體驗,可以減少開發者很多的工作量,決定使用HTML5前,一定要對此非常熟悉,要知道HTML5的新標簽的作用。比如定義一塊內容或文章區域可使用section標簽,定義導航條或選項卡可以直接使用nav標簽等等。
3、放棄CSS float屬性
在項目開發過程中可以會遇到內容排列排列顯示的布局,假如遇見這樣的視覺稿,可以放棄float,直接使用display:inline-block;
4、利用CSS3邊框背景屬性
⑹ web前端為什麼字體大小設置不了
可以設置。
1、NO1使用em在我的一些網頁設計中對字體的設置很少有看到pt或者px類的單位,我想使用百分比或者相對的方式比較好,首先我想我們應該在body裡面設置一個字體為百分比的單位,然後再在下文使用em值,這樣能夠避免很多的麻煩。2、能夠避免當我們設計流動布局時習慣性的把字體設置為固定顯示值。3、字體的一致性,和相對性,能夠突出顯示我們想要表達的內容。
還有一種是讓用戶可以自己來切換,這樣對用戶體驗來說大大提高,對於某些瀏覽器來說,切換樣式是內置的,但這類瀏覽器中卻並沒有IE的身影。所以為了可讓用戶可以切換文字的大小,在頁面中我們必須加入相應的控制腳本。
⑺ 請問這個web前端的頁面要怎樣空格
你那個</div>放錯地方了 要麼用完整的div來包裹下面的ul 要麼就刪掉 想調整頁面元素的高度如果不是絕對定位的話給<ul class="mui-table-view" >加上一條 屬性
style="margin-top: 100px"
就是改成這樣
<ulclass="mui-table-view"style="margin-top:100px">
100px可以隨便調整
建議看一遍html跟css基礎,一上來就用現成架構出東西的速度是快,但是這么基本的問題都不能自己解決後期很吃力的
⑻ Web前端的一個問題
可以動態設置滾動高度,比如你滾動數據,每次往內容A區域append內容的時候,獲取你A區域的高度,並且賦值給A的父元素的滾動高度上
<style>
#demo{
width:300px;
height:100px;
border:1pxsolid#000;
overflow-y:scroll;
}
</style>
<divid="demo">
<!--demo擁有overflow-y:scroll屬性-->
<ulid="demoUl">
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
</ul>
</div>
<buttontype="button"id="addBtn">增加</button>
<script>
varnn=567;
varaddBtn=document.getElementById("addBtn");
addBtn.onclick=function(){
varobj=document.getElementById("demoUl");
varoObj=document.getElementById("demo");
varnObj=document.createElement("li");
nObj.innerText=nn;
nn++;
obj.appendChild(nObj);
//這是最主要的東西,看好oObj和obj獲取的是那個元素,其他js代碼的都是為了效果,css就不寫了
oObj.scrollTop=obj.offsetHeight;
}
</script>
看一下吧,應該是你要的效果,如果有其他更好解決方式如果你想到了,麻煩也告訴我一下。
⑼ WEB前端的問題,這個效果怎麼做的
用的tab功能。像jquery就有它自己的tab插件:
http://www.cnblogs.com/lhb25/archive/2012/11/26/10-useful-jquery-tab-plugins.html
網上一搜有許多
⑽ 移動web 前端這種效果怎麼做
沒顯示出來是因為超出去了 你可以選擇
1 去掉overflow:hidden這樣會出現滾動條
2 縮小圖片
3 如果你那三個圖片是用div布局的你可以選擇讓那個圖片掉到第二行
4 縮小圖片間的間距,即調整margin padding
但是可能你會更喜歡第二,四種方法也算是不錯的方法