黑马程序员技术交流社区

标题: 技术贴 [打印本页]

作者: fofoaa 时间: 2019-10-14 23:38
标题: 技术贴
  技术贴
我就是你也不知道些啥  就写我觉的  基础班最难的吧
我觉的最难的就是你不常用的代码了  因为你不常所以他要是出现的话
你就不知道该用什么了
不常用的  代码有首航缩进等
text-indent 首行缩进，取值为具体的像素值或者直接 em，1em 等于一个字的大小；
普通按钮： type=“button”
提交按钮： type=“submit”
type=“image“和 src=”图片路径”配合使用
重置按钮： type=reset
这个不常用所以用到它的话容易出错
还有就是  浮动  一定要用好
作用：让多个盒子水平排列一行显示，盒子左右对齐，最早是用来实现文字环绕文字；
属性和属性值
属性：float
取值：left 和 right 还有一个 none 不浮动
浮动的特性
浮：元素脱离文档流（标准流），自己的位置空了，其他的元素会补上来；
漏：盒子浮动之后脱离的标准流原来的位置就空了，下面的盒子会补上来；
特点：
• 1、浮动之后的盒子的显示模式会更改为行内块元素的特点；
• 2、浮动之后的元素之间的没有缝隙的，紧贴在一起；
• 3、如果父级盒子不够宽装不下浮动的盒子，盒子会掉下来另起一

做浮动布局的时候一定要注意，给大的父级盒子要设置固定的宽度和高度（尽量设置），然
后在让里面的自己和浮动；

不然你的页面就会出错
使用浮动一定要记得  清楚浮动  不然特别容易出错下面的容易顶上去
还有我认为重要的就是
继承性
有一些 css 属性子级是可以继承父级的，一般文字控制属性都会被继承比如 text-开头的，
line-开头的，font-开头，还有 color 会被继承，但是 color 在继承的时候超链接 a 标签是
不会去继承父级的，我们需要单独设置

优先级；
如果是同类型的我们就遵循就近原则覆盖就可以，如果不是同一种选择器就会遵循下面的计
算公式：
第一等：代表行内样式，如: style=””，权值为 1000。 == 1,0,0,0
第二等：代表 ID 选择器，如：#content，权值为 100。 == 0,1,0,0
第三等：代表类，伪类和属性选择器，如.content，权值为 10。 == 0,0,1,0
第四等：代表类型选择器和伪元素选择器，如 div p，权值为 1。 == 0,0,0,1
这些一定要理解  不然写代码  容易出错
还有css链接式的引用方法
外部样式表
1、外部链接的步骤：
01 新建：.css 格式的 css 文件，直接书写选择器以及 css 样式；
02 引用：利用 link 标签引入新建的 css 文件，要配合 link 的三个属性 rel 关系，
type 文件类型（一般可以省略不写），href 文件路径；
2、使用外部链接的好处：
实现了结构和样式的完全分离，代码简介，可读性强；
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/style.css">
</head>
Css 外部链接样式共享
一个 css 样式可以共享，如果两个页面的标签样式完全一致，就可以使用同一个 css 文件，
然后分别连接过来即可；
比如：网页的头部和 foot 部分基本上都是一致的，我们只需要书写一个 css 样式直接引入
即可；
Css 引入方式总结
行内样式表：书写方便，权重高。缺点：没有实现样式和结构相分离；
内部样式表（内嵌式）：结构和样式的半分离。缺点：没有彻底分离，半分离状态；
外部样式表（外联式）：完全实现结构和样式分离，方便各个页面的使用。
好了写了这些最重要的就是上课好好  听讲

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

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