或者

建站过程中常见的CSS属性单词及使用方法

作者:月光边境 浏览:194 发布时间:2018-05-08
分享 评论 0

对于刚刚学建站的新手来说,当看见一个很漂亮的网站时,我们内心就狂喜(我是这样的感觉)希望自己能做出一样漂亮的网站,但是当我们看见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既可以很快输入这些单词同时也无需记住这些单词。