‘壹’ 程序员必须知道的HTML常用代码有哪些
html+css代码
一、文本设置
1、font-size:号大小
2、font-style:字体格式
3、font-weight:字体粗细
4、颜色属性color:文本颜色
二、超链接设置
text-decoration:参数
参数取值范围:
underline:为文字加下划线
overline:为文字加上划线
line-through:为文字加删除线
blink:使文字闪烁
none:不显示上述任何效果
三、背景
1、背景颜色
background-color:设置背景色
2、背景图片
background-image:url(URL)
URL就是背景图片的存放路径,none表示无。
3、背景图片重复
background-repeat:参数
四、背景
repeat:不重复平铺背景图片
repeat-x:使图片只在水平方向上平铺
repeat-y:使图片只在垂直方向上平铺
如果不指定背景图片重复属性,浏览器默认的是背景图片向水平和垂直两个方向平铺。
4、背景图片固定
background-attachment:参数
背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性,浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时转移浏览者的注意力,一般都设为固定。
五、参数取值范围:
fixed:网页滚动时,背景图片相对于浏览器的窗口而言,固定不动。
scroll:网页滚动时,背景图片相对于浏览器的窗口而言,一起滚动。
六、区块
1、单词间距
word-spacing:单词间距
2、字母间距
letter-spacing:字母间距
3、文本对齐
text-align:参数
七、参数的取值:
left:左对齐
right:右对齐
center:居中对齐
justify:相对左右两端对齐
4、垂直对齐
vertical-align: 参数
top:顶对齐
bottom:底对齐
text-top:相对文本顶对齐
text-bottom:相对文本底对齐
baseline:基准线对齐
middle:中心对齐
sub:以下标的形式显示
super:以上标的形式显示
5、文本缩进
text-indent:缩进距离
12px相当于一个文字距离。
6、空格
white-space:参数
八、参数取值范围:
normal默认,空白会被浏览器忽略、pre保留空白、nowrap文本不换行。
7、显示样式
display:参数
九、参数取值范围:
block:块级元素,在对象前后都换行
inline:在对象前后都不换行
list-item:在对象前后都换行,增加了项目符号
none:无显示
十、方框
1、height高度
2、width宽度
3、padding内边距
4、margin外边距
5、float(浮动):可以让块级元素在一行中排列,例如横向菜单。
6、clear清除浮动
十一、边框
1、样式
border style 参数
边框样式的参数:
none:无边框
dotted:边框为点线
dashed:边框为长短线
solid:边框为实线
double:边框为双线
2、宽度 border width
3、颜色 border color
(1)程序员添加图框代码扩展阅读:
HTML常用代码之修改页面的实用性HTML代码:
贴图:<img src="图片地址">
加入连接:<a href="所要连接的相关地址">写上你想写的字</a>
在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>
移动字体(走马灯):<marquee>写上你想写的字</marquee>
字体加粗:<b>写上你想写的字</b>
字体斜体:<i>写上你想写的字</i>
字体下划线: <u>写上你想写的字</u>
字体删除线: <s>写上你想写的字</s>
字体加大: <big>写上你想写的字</big>
字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)
更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间
消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>
贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>
贴flash: <embed src="flash地址" width="宽度" height="高度">
贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>
换行:<br>
段落:<p>段落</p>
原始文字样式:<pre>正文</pre>
换帖子背景:<body background="背景图片地址">
固定帖子背景不随滚动条滚动:<body background="背景图片地址" body bgproperties=fixed>
定制帖子背景颜色:<body bgcolor="#value">(value值见10)
帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>
贴网页:<iframe. src="相关地址" width="宽度" height="高度"></iframe>
‘贰’ AUTOCAD怎么设置图框,要自己画吗
解决AUTOCAD怎么设置图框的步骤如下:
1.首先我们开启天正建筑、AutoCad2014,打开需要添加图框的图纸文件。
‘叁’ 什么叫打代码
打代码意思是代码就是程序员用开发工具所支持的语言编写一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系的源文件。程序员可以通过不同的语言代码来实现计算机的同一功能,但在执行效率上则存在不同。越高级的语言代码,其执行效率越低。
(3)程序员添加图框代码扩展阅读:
代码设计的原则包括唯一确定性、标准化和通用性、可扩充性与稳定性、便于识别与记忆、力求短小与格式统一以及容易修改等。
程序语言中,源代码可以书籍或磁带形式出现,但最为常用格式是文本文件,这种典型格式的目的是为了编译出计算机程序。计算机源代码最终目的是将人类可读文本翻译成为计算机可执行的二进制指令,这种过程叫编译,它由通过编译器完成。
‘肆’ 程序员做些什么工作是打代码吗打代码是为了完成什么程序员需要有那些方面的知识需要哪些基础
***简单说明
1.首先程序员并不是打字员。代码是有需要思考,需要结合实际业务,并不是简单的打字。
2.打代码是为了让计算机根据自己的代码逻辑(比如你可以让它去打开某个文件),完成某些具体功能
程序员工作是基于一种计算机语言,用这种语言去实现某些具体的功能~
#程序员分类比如#:java 程序员,c++程序员等等
#代码的作用#:比如你去银行存钱。
a.古代最原始的存钱方法,就是你去钱庄存钱,然后钱庄用自己的一个记账单给记录下来,下次再存,再找到对应的记录,修改那条记录的信息。
当账单页数特别多的时候,这个时候找到一个用户信息,就会变得很困难。
b.现在的方法,银行都会有一些应用系统,你要存钱,但电脑并不能直接理解你要干什么。
这个时候,就需要把你要存钱这个东西转换成计算机能懂的东西。这些电脑能够明白的东西
就是你所说的代码,代码会经过一些处理,变成二进制的数据,电脑就能理解了
3.需要哪些知识:
计算机的常用操作, 最少会 一门编程语言,会使用一种开发工具,熟悉一种数据库等等...
‘伍’ 程序员如何学习源代码
想成为一名优秀的程序员,源代码的学习是必不可少的。阅读优秀的源代码可以帮我们理解书籍中讲到的理论知识,更好的去应用它,并且能够开阔我们的思路,完善我们的思想。 那么我们应该如何去学习源代码呢?一起来看看达内老师的建议。 源代码的学习是一个从整体到不断细化的过程,在学习中不能想着一步到位,要慢慢的去深入。源代码作为软件的特殊部分,是程序员在工作中不能忽略的。想要学习源代码,你不妨按以下步骤试试。第一步,画出整个程序流程图,理解整个程序的思想。这个方式可以让人很直接的理解程序的整体流程,而不会被代码所干扰,让程序员从总体上把握程序。第二步,对流程各节点(函数或过程)的理解。流程的每一节点是构成整个流程的不可缺少的部份。第三步,把流程和流程各节点串起来理解整个程序,如果可以的话还可以记笔记总结下自己的经验。 第四步,如果想深刻的学习到源代码的精髓所在,你可以写一些相近的程序进行操练。但是你理解了这个程序并不代表你掌握了这个程序,只有当你编写一个相近的程序时,你才知道自己到底理解了多少,掌握了多少。
‘陆’ 一.小白程序员常用的代码(欢迎大家补充)
(1)、清除所有元素的内边距和外边距 : *{ margin: 0; padding: 0; }
(2)、清除 a 标签的下划线: a { text-decoration: none; }
(3)、当有鼠标悬停在a标签下划线重新显示: a:hover {text-decoration:underline;}
(4)、清除单个 li 标签前面的黑点: li { list-style: none; } ,想要清除所有 li 标签前面的黑点就把 li 换成 ul
(5)、想要元素(行内元素除外)在页面中居中最简单的办法: margin: 0 auto;
(6)、想要文字居中: text-align: center; 或者 设置 line-height: 当前元素的行高 ;
(7)、行内元素、块元素和行内块元素之间的转换:
(8)、隐藏元素:
(9)、Position定位:
(10)、解决行内块间距问题最简单的方法:给父元素设置font-size:0
(11)、单行文本溢出显示为省略号:
(12)、清除浮动带来的影响:
(13)、浮动:
(14)、弹性布局(弹性盒子):
(15)、圆角边框(border-radius)的基本用法:
(16)、去除 input 输入框获取焦点时的加粗边框:
(17)、阻止浏览器默认行为:
(18)、在众多列表中寻找第几个(css方法):
(19)、背景图片的设置:
(20)、输入框(input)标签的type属性:
下拉框:
(21)、按钮(button)type属性:
(22)、有序、无序、自定义列表:
(23)、选择器优先级:
(24)、 怪异盒子:
(25)、字体设置:
(26)、溢出隐藏:
(27)、精灵图:
(28)、设置鼠标样式:
(29)、设置元素的平移、旋转、缩放、倾斜(2D):
(30)、合并单元格边框线:
(31)、label标签的for属性的作用:扩大表单元素的选中范围:
(32)、有符号或者空格就换行:
(33)、自动换行:
(34)、文本溢出添加滚动条:
(35)、判断基本数据类型:
(36)、switch分支语句(用来判断某个变量是否等于(===)某个值):
(37)、while 循环语句:
(38)、do while 循环
(39)、改变 this 指向:
(40)、节流和防抖:
(41)、阴影:
内阴影效果:在css效果里加上inset就可以了(在最后添加)
(42)、边框颜色