黑马程序员技术交流社区

标题: 前端基础 [打印本页]

作者: 大白db 时间: 2019-6-7 14:54
标题: 前端基础
好纠结，不知道要写什么，自己的文采也非常的差，学习前端也有半个多月了，从一个计算机大白，变成了计算机小白，依旧是个白。目前，前端的基础部分学完了，包括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让定位的盒子居中显示，绝对定位不能。

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2