㈠ pc端web、移動端web的字體大小、顏色、字體樣式使用
首先了解下px,em,rem的區別
px(像素)是絕對單位,頁面按精確像素展示,使頁面較穩定和相對固定一些。但這種方法存在一個問題,用戶在瀏覽我們製作的web頁面時,如果他改變了瀏覽器的字體大小,或是縮放、放大頁面,這時會使頁面布局被打亂。
em是相對單位,基準點為父節點字體的大小。上面說到使用px為單位的web頁面會遇到的問題可以使用em來解決。
例如con2的父元素為con1,css中<strong>con1</strong>和<strong>con2</strong>的font-size都設置為2em;
可以看得出con1和con2的font-size樣式都是2em,但是展現出來的字體大小不一樣,因為默認情況下沒有對字體進行重新設置的話,瀏覽器默認字體為16px,con1的2em就相當於32px,那麼con2的2em就相當於con1的兩倍也就是64px,所以con2字體比con1的大。
rem是相對於頁面根元素的大小單位,我們只需給頁面的根元素設置一個參考值,就可以在頁面中根據參考值設置其他元素的大小,rem不會出現嵌套的繁瑣。
設置html下1rem=10px
可以看得出1rem就是12px(瀏覽器下最小的字體為12px,當設置小於12px的字體,也默認為12px)
無論元素處於哪一層,都不會受到父元素的影響。
㈡ 怎麼在web頁面上實現360加速球點擊出現環形按鈕組
可以用jquery來做,如下
先把環形外框的css樣式添加display:none;這樣環形外框就不會顯示出來。
其次再給內環按鈕添加滑鼠點擊事件,改環形外環的css樣式display:block;
這樣寫出來就可以了,就是沒有360那個動畫效果。
㈢ photoshop中用web樣式填充顏色怎麼操作
填充顏色的時候要選擇顏色,把Web那個項勾選中,顏色板上所顯示的就是Web色了
想學PS可以去PSDEE教程網,那裡有很多免費的自學教程。
㈣ web中背景顏色的寬度怎麼設置
1、打開dreamweaver 8軟體,然後新建一個html頁。
2、接下來頁面插入div標簽,選擇工具欄「插入DIV標簽」按鈕,在打開對話框中ID項給這個div命名,我們給它起個名字叫layout(可以根據自己需要寫)。
3、點擊「插入」後,如圖,給div起個名,
4、點「確定」後代碼會多出來
5、增加樣式:在右邊點擊css樣式的圖標
6、勾選「僅對該文檔」
7、設置寬高和背景
8。點擊應用確定即可,設置背景顏色:
9、勾選想要的顏色,點應用,確定即可。
10、勾選顏色寬度,自由調節即可
㈤ web開發中如何把 table 的邊框設置為好看的樣式
一般情況下,我們設置表格的邊框為1,但是表格的實際邊框並不為1px,而是很粗,用以下非常簡單的方法可以使邊框好看,你可以試試:
首先在Dreamweaver中選中表格,在下面的表格屬性面版中把表格的邊框改成0,把間距改成1,設置表格的背景顏色為:#cccccc
然後取消選中表格,把游標放在表格的第一個單元格中,用滑鼠在第一個單元格中往右下拖動,以選中整個表格的所有單元格(這里是選中所有單元格,並不等同於剛才的選中整個表格),然後在下面的單元格屬性面版中,把單元格的背景顏色變成白色。
好了,保存,瀏覽,看看,這個表格的邊框是不是很好看滴說?!
㈥ ps中web樣式在哪裡
首先在桌面上雙擊ps的快捷圖標,然後將ps軟體打開。
2、打開ps之後按下Ctrl+N鍵新建一個文件,然後在工具箱內找到文字工具。
3、點擊文字工具在上面的菜單區里設置文字的字體和大小。
4、設置好之後在新建的文件內輸入文字,然後在菜單里找到窗口選項,點擊窗口選項在其子級菜單里找到樣式選項。
5、點擊樣式選項在樣式面板里找到設置下拉箭頭在其下拉菜單那裡找到web樣式選項。
6、點擊web選項在彈出的對話框內我們找到追加選項。
7、點擊追加選項在樣式面板里找到相應的的web樣式選項。
8、點擊選擇的web樣式選項,可以看到文字樣式就製作好了。