好纠结,不知道要写什么,自己的文采也非常的差,学习前端也有半个多月了,从一个计算机大白,变成了计算机小白,依旧是个白。目前,前端的基础部分学完了,包括html和css,
HTML学了两天,第一天主要学了一些最基础的知识,包括常见浏览器,web标准,HTML基本结构,学了html标签。
html标签主要包括两类:单标签和双标签,还学了sublime使用方法。
第二天主要学了表格的基本格式和表单使用。
表格的结构是
<table> table 里只能嵌套tr和caption标签,表情哥的主要目的是用来显示特殊数据的
<tr>
<td>
</td>
</tr>
</table>
表格属性:border边框,cellspacing单元格与单元格边框渐渐地空白距离,cellpadding单元格内容与单元格之间的距离,caption表格标题,必须紧跟table之后,并且只有在表格里才有意义,合并单元格rosespan跨行合并:rowspan=“合并单元格的数量”,colspan跨列合并
合并单元格三部曲:1.确定跨行还是跨列2.根据向上后下,先左后右合并单元格找到目标单元格,3.删除多余的单元格,
列表标签:无序标签ul嵌套li,ul只能嵌套li;有序标签ol嵌套li,自定义列表:一个dl嵌套一个dt和多个dd
表单标签:<inout type="属性值" value="你好”>type属性值:text单行文本标签,password密码输入框,radio单选按钮,checked复选框按钮,button普通按钮,submit提交按钮,reset重置按钮,image图像形式的提交按钮,file文件域。checked用于定义选择控件中默认被选中的项目
下拉选择<select><option></option>...</select>select中至少包括一对option,在option中定义selected=“selected”时
当前选项为默认选中项。method:属性值get/post,设置表单数据提交方式。
css:主要用于本免得布局和外观样式。引入方式:外联式。内嵌式,行内式。
ss选择器:标签选择器、类选择器、id选择器(不允许有相同的id出现)、通配符选择器
font-size字体大小;font-weight字体粗细,font-family字体,font-style字体样式;综合写法:font:style weight size family;
text-aline:文本水平对齐方式,属性值:left right center。line-height行间距,属性值为行高时文本垂直居中
text-indent首行缩进,text-decoration修改链接装饰效果,none取消下划线,underline下划线,overline上划线,line-through删除线csss符合选择器:后代选择器、以空格隔开;子元素选择器用大于号链接,交集选择器以.隔开,并集选择器以‘,’隔开,链接伪类选择器:a:link未访问的链接。a:visited已访问过得链接,a:hover鼠标移动到链接上,a:active选定的链接,链接伪类标签的使用顺序尽量不要颠倒为lvha,
标签显示模式:行内元素、行内块元素、块级元素,块转行display:inline,行转块:display:block,块、行专为行内块:display:inline-block,
行高与高度的关系:行高等于高度文字垂直居中,行高大于高度文字会偏下,行高小于高度:文字会偏上
背景图片:background-img:URL(),背景吸附:background-attachment:scroll背景图像随着对象内容的滚动已启动,fixed:背景图像固定,background简写:background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置;让背景半透明:background:rgba(0,0,0,.3)后面必须是四个值
css继承性:子元素可以继承父级元素的样式,如(text-,font-,line- 、color可以被继承),a元素不能继承color和text-decoretion属性
margin只能让块级元素居中,并且要有宽度,不能让行内和行内块水平居中,圆角边框:border-radius;盒子阴影:box-shadow水平阴影 垂直阴影 模糊距离 阴影颜色 内外阴影;前两个必须写。文字阴影:text-shadow同图片阴影
。浮动:让元素脱离文档流,进行页面效果的布局,浮动的盒子显示模式会变成行内块元素的特点。左右布局:一个盒子右浮动,一个盒子左浮动,左中右布局:第一个盒子左浮动,第二个盒子左浮动,第三个盒子右浮动
如果盒子用了相对定位,盒子依然能用margin:auto让定位的盒子居中显示,绝对定位不能。
|
|