常见CSS英文单词、对应功能、对应解释、对应简单例

常见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 对象内容被隐藏并且不占用虚拟位置

这么多的单词我需要全部会拼写记住吗?
答案是如果不会拼写也无所谓,借助DW软件很快能写出输入各个属性及对应的值。因为平时会大量接触和使用,日久自然就会拼写,所以没必要硬记住,当然记住也可以。
技巧:一看见CSS 属性单词就知道他用法或想实现什么效果就想到用什么CSS单词,前字母是什么即可,用DW既可以很快输入这些单词同时也无需记住这些单词。

时间: 2024-08-29 20:40:43

常见CSS英文单词、对应功能、对应解释、对应简单例的相关文章

css的一些功能

css的一些功能代码: 背景颜色的设置:由三种颜色设置方法:1.英文单词 2.rgb设置3.#_等 background-color: #CDFFC5; 分别表示不同的属性:x y 模糊 外延(可选) 颜色 box-shadow: 2px 2px 2px 10px #ccc; 渐变色,颜色会逐渐发生变化,呈线性: background: linear-gradient(90deg,red,yellow); 对div等标签变形:变形方式是缩放 当scale的值为1时不变 小于1缩小 大于1放大 t

Ubuntu下VSFTPD(六)(常见FTP命令及其功能) (

常见FTP命令及其功能  FTP 命令 功能  FTP 命令 功能  ls 显示服务器上的目录 ls [remote-dir][local-file] 显示远程目录remote-dir,并存入本地文件local-file get remote-file [local-file] 从服务器下载指定文件到客户端 mget remote-files 下载多个远程文件(mget命令允许用通配符下载多个文件) put local-file [remote-file] 从客户端上传指定文件到服务器 mput

常见css兼容性

常见css兼容性:1.不同浏览器的标签默认的padding值和margin值不同. 解决方案:*{margin:0;padding:0} css reset技术: 2.块属性标签浮动,又有横向margin值的情况下,在IE6中会产生横向 margin值加倍. 解决方案:给浮动的对象加display:inline; 3.IE6下标签会有默认行高. 解决法案:给标签加overflow:hidden;触发BFC; 4.ul li和ol li ,中li不浮动和父级标签又没有高度的情况下,在 IE6.7中

css实现动画功能

在CSS中动画功能其实可以说是很强大的,在网页中加载速度很快,他的功能特效可以一千变万化,做不到只有想不到的,当然前提是你要掌握在CSS3上面的各种标签,今天带来了我在课程练习中的动画的3D动态旋转.代码如下:    <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

常见css的兼容问题

1.链接的虚线框问题 <!-- html --><a class="noDashedBox" href="#"><img src="http://j5.dfcfw.com/image/201406/20140603152217.png" /></a> /* * a, img, input等标签点击时会带有虚线框 * 去除它 */ .noDashedBox { outline:0; blr:expre

常见CSS属性及值

PHP程序员必须掌握的常见CSS属性及值: 一.内容简介: 1. 字体 2. 文本 3. 背景 4. 位置 5. 边框 6. 列表 7. 其他 二.CSS中修饰字体的属性 属性 描述 属性值 Font-family 字体族科 任意字体族科名称都可以使用Times.serif等,而且多个族科的赋值是可以使用的,中间用逗号分隔开,以防止选择不存在的字体族科. Font-size 字体大小 可以使用绝对大小.相对大小.长度或百分比 Font-style 字体风格 Normal(普通).italic(斜

常见 &gt; /dev/null 2&gt;&1 说明解释

shell中可能经常能看到:>/dev/null 2>&1 命令的结果可以通过%>的形式来定义输出 /dev/null 代表空设备文件 > 代表重定向到哪里,例如:echo "123" > /home/123.txt 1 表示stdout标准输出,系统默认值是1,所以">/dev/null"等同于"1>/dev/null" 2 表示stderr标准错误 & 表示等同于的意思,2>&a

SSM:spring+springmvc+mybatis框架中的XML配置文件功能详细解释

SSM:spring+springmvc+mybatis框架中的XML配置文件功能详细解释 2016-04-14 23:40 13030人阅读 评论(2) 收藏 举报 分类: SSM(7) 这几天一直在整合SSM框架,虽然网上有很多已经整合好的,但是对于里面的配置文件并没有进行过多的说明,很多人知其然不知其所以然,经过几天的搜索和整理,今天总算对其中的XML配置文件有了一定的了解,所以拿出来一起分享一下,希望有不足的地方大家批评指正~~~ 首先   这篇文章暂时只对框架中所要用到的配置文件进行解

极客编程小挑战#29:实现手机上常见的某一功能的效果显示

本期挑战: 实现手机上常见的某一功能的效果显示.可以是某个按钮的显示效果,页面跳转的显示效果,二级菜单的出现方式等.可以做已有的效果,也可以发挥你的想象,做出你期待的手机功能效果. 提交方式: 录制代码编写过程或最终代码:点击开始 跟帖发布代码预览地址(使用GB按钮可以直接嵌入发帖回复中):演示地址 [强烈提醒]尽量通过添加课程,在本文评论中附上链接的方式提交答案,有特别奖励- [强烈提醒]提交了答案的人,请扫描下图中的二维码,加入微信群,方便工作人员进行信息统计 本期礼品: 感谢美团云提供10