A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

fofoaa

初级黑马

  • 黑马币:17

  • 帖子:6

  • 精华:0

© fofoaa 初级黑马   /  2019-10-14 23:38  /  739 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

  技术贴
我就是你也不知道些啥  就写我觉的  基础班最难的吧  
我觉的最难的就是你不常用的代码了  因为你不常 所以他要是出现的话
你就 不知道该用什么了  
不常用的  代码有首航缩进 等
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 引入方式总结
行内样式表:书写方便,权重高。缺点:没有实现样式和结构相分离;
内部样式表(内嵌式):结构和样式的半分离。缺点:没有彻底分离,半分离状态;
外部样式表(外联式):完全实现结构和样式分离,方便各个页面的使用。
好了写了这些 最重要的就是上课好好  听讲

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马