您現在的位置: 网站首頁 / 網站建設 / 正文

建站過程中常見的CSS屬性單詞及使用方法

作者: admin 发布: 2015-6-7 10:4:15 分类: 網站建設 閱讀: 次 查看評論

  對于剛剛學建站的新手來說,當看見一個很漂亮的網站時,我們內心就狂喜(我是這樣的感覺)希望自己能做出一樣漂亮的網站,但是當我們看見CSS代碼的那一刻,心就涼了半截,跟本就無處下手!傻傻的弄不清楚他們都是幹什麽用的,爲此今天就整理了下常見CSS屬性單詞及解釋,方便我們在制作網站的時候不會無從下手,現在就跟我一起了解並解決下面四個問題吧:

  1、常用CSS單詞有哪些

  2、常用CSS單詞對應作用和使用方法

  3、CSS單詞對應用法實例

  4、是否需要記住這些單詞

  常見CSS英文單詞、對應功能、對應解釋及對應的簡單例子

  1、float 浮动

  Float:left;靠左浮動

  Float:right:靠右浮動

  2、width 宽度

  Width:20px; 对象宽度20px

  3、height 高度

  Height:20px; 对象高度20px

  4、margin 外补距

  Margin:1px 2px 3px 4px 对象上距离1px;右为2px;下为3px;左为4px

  5、padding 内补距

  Padding:1px 2px 3px 4px 对象内距离边上为1px;右为2px;下为3px;左为4px

  6、border 边框

  Border:1px solid #111; 对象边框为1px宽黑实线

  7、font-family 字体

  font-family:"黑体"; 对象文字字体为黑体

  8、font-size 文字大小

  font-size:12px 对象文字大小为12px

  9、font-weight 文字加粗

  font-weight:bold 对象文字被加粗

  10、line-height 行高

  line-height:20px 对象内上下2排文字行高为20px(包括文字自身占用高度)

  11、text-decoration 文字装饰(下划线、删除线)

  text-decoration:underline 对象文字加下划线

  12、background 背景属性

  background:#FFF url(bg.png) repeat-x 0 0 对象背景色为白色、背景图片为bg.png 按X轴分析重复显示并距离顶部和左为0像素

  13、text-align 内容左中右对齐属性

  text-align:center 对象内内容左右居中显示

  14、position 定位属性

  15、overflow溢出處理

  Overflow:hidden 对象内容被隐藏并且不占用虚拟位置

  以上爲常用的CSS單詞及其屬性。

  現在想必你又有這樣一個問題:這麽多的單詞我需要全部會拼寫記住嗎?

  答案是如果不會拼寫也無所謂,但我們一定要是知道以上CSS代碼的作用,這是很重要的!那爲什麽說不一定非要記住呢?因爲可以借助DW軟件很快能寫出輸入各個屬性及對應的值。平時我們在制作網站時會大量接觸和使用,日久自然就會拼寫,所以沒必要硬記住,當然能記住是最好的。

  技巧:一看见CSS 属性单词就知道他用法或想实现什么效果就想到用什么CSS单词,前字母是什么即可,用DW既可以很快输入这些单词同时也无需记住这些单词。

  來源:SEO搜尋引擎優化 - SEO自學網 轉載注明出處!

? 上一篇下一篇 ?   本文關鍵詞: CSS  

評論列表:

站長SEO學院
第一節:百度搜索引擎工作原理
第二節:建設對搜索引擎友好的站點
第三節:如何進行網站內容建設
第四節:整體優化、結構優化、網頁優化
第五節:移動搜索-明確移動搜索優化標准
百度SEO資料文檔
百度搜索引擎優化指南2.0
百度移動搜索優化指南2.0
網站分析白皮書(站長版)
移動站點該如何優化
建設對百度友好的站點
百度搜索引擎網頁質量白皮書
石榴算法-綠蘿算法-冰桶算法
新搜索時代下的優化策略
更多百度SEO資料文檔
站長推薦
DIV+CSS布局實例教程-Web標准
网站SEO優化常见问题汇总
SEO優化推广方案该如何写
SEO優化方案步骤
影響網站關鍵詞排名因素總結
影響谷歌搜索引擎排名的因素調查
手機移動端站點適配優化
最近發表