文章目录

css基础
- 样式表
- - 内联
  - - 常用属性
  - 内部样式表
  - - style的位置样例
  - 外部样式表【文件】
  - - 使用位置
    - link rel="stylesheet"
    - 样例
  - 优先级
- 选择器
- - 元素选择器【类型】
  - id选择器：#号
  - 类：.号
  - 属性【带有某属性的】
  - - w3c上还有子标签的，这里就不管了
- 语法规则
- - 注释/**/
  - 字符集
  - 优先级
  - - 标了的优先级高
    - 兼容
- 取值与单位（略）
- 常用样式
- - 背景 background
  - - 颜色
    - 图片
    - - 依照这个例子也可以考虑body是哪里
    - 图片平铺方式
    - 引用时用括号
    - - 可以不平铺
    - 图像滚动还是固定
    - 固定与滚动
    - 定位
    - - 定位（center，top一类）
      - 关键词定位
      - 像素定位
      - 不错的百分比（50%默认为center）
    - 简写例子
  - 盒模型
  - - - 很重要的图
    - 内边距padding
    - 边框border
    - - 边框样式
    - 外边距margin
    - - 外边距会合并！！！！！
  - 文本修饰
  - - 缩进
    - 对奇
    - 装饰（下划线，上划线，删除线等）
    - 转换（大小写）
    - 间距
  - 字体
  - - 五种通用字体
    - 正常，斜体等
    - 大号小号
    - 粗细
    - 大小
    - 简写
  - 超链接元素的css
  - - 4种状态，hover和active有特殊要求
    - display的属性！！！
  - 对列表用css
  - - 样式类型（abc，ABC，123.......）
    - 样式图片（图标）
    - 位置
    - 简写
  - 表格用css
  - - 折叠边框
    - 距离
    - 标题位置
    - 空单元格显示方式
    - 布局
- 定位
- - - 左上角的点为原点
  - 绝对定位
  - 相对定位（相对起点）
  - 层叠效果
  - 浮动！！！！
  - - 浮动效果
    - - 卡住hhhhhhhh
    - 浮动效果eg
    - - div图片浮动，p未浮动，影响了p标签
      - 这里调成宽高一样了，所以用背景
    - 清理浮动（处理之前p标签那种）

css基础

样式表

内联

常用属性

内部样式表

style的位置样例

外部样式表【文件】

使用位置

link rel=“stylesheet”

样例

优先级

选择器

元素选择器【类型】

id选择器：#号

类：.号

属性【带有某属性的】

w3c上还有子标签的，这里就不管了

语法规则

注释/**/

字符集

优先级

标了的优先级高

兼容

取值与单位（略）

常用样式

背景 background

颜色

图片

依照这个例子也可以考虑body是哪里

图片平铺方式

引用时用括号

可以不平铺

图像滚动还是固定

固定与滚动

定位

定位（center，top一类）

关键词定位

像素定位

padding为0时

不错的百分比（50%默认为center）

简写例子

盒模型

很重要的图

内边距padding

边框border

边框样式

外边距margin

外边距会合并！！！！！

文本修饰

缩进

对奇

装饰（下划线，上划线，删除线等）

转换（大小写）

间距

字体

五种通用字体

正常，斜体等

大号小号

粗细

大小

简写

超链接元素的css

4种状态，hover和active有特殊要求

display的属性！！！

对列表用css

样式类型（abc，ABC，123…）

样式图片（图标）

位置

简写

表格用css

折叠边框

距离

标题位置

空单元格显示方式

布局

定位

左上角的点为原点

绝对定位

相对定位（相对起点）

层叠效果

浮动！！！！

浮动效果

卡住hhhhhhhh

浮动效果eg

div图片浮动，p未浮动，影响了p标签

这里调成宽高一样了，所以用背景

清理浮动（处理之前p标签那种）

web公选课第三节2020.5.18相关推荐

web公选课js基础Part1
文章目录实现弱类型语言三个部分组成 ECMAScript DOM BOM 使用内部消息对话框使用内容返回值方法外部JS 位置示例语法大小写没分号也行注释 // /**/ 代码块 ...
acm公选课第三节4.7直播4.9补递归深搜啥的
今天主要讲递归深搜 dp做准备, 能看到算法复杂度要真正理解:(从上往下扎,到边界结束,再一层一层往上返) 下图:第一行时边界,第二行时递归模式爆了: RE:(我也出过原来是这样) 递推就行老 ...
2021年全球公有云终端用户支出将增长18% ；EMNLP 2020最佳论文：无声语音的数字发声...
开发者社区技术周刊又和大家见面了,让我们一起看看,过去一周有哪些值得我们开发者关注的重要新闻吧. 2020 了,最流行的密码依旧是 123456 Chrome 87 发布,获多年来最大性能提升 Gar ...
（附源码）springboot公选课在线选课系统毕业设计 142011
公选课在线选课系统摘要随着互联网趋势的到来,各行各业都在考虑利用互联网将自己推广出去,最好方式就是建立自己的互联网系统,并对其进行维护和管理.在现实运用中,应用软件的工作规则和开发步骤,采用Ja ...
《Java程序设计》公选课学习指南
目录一.选修说明二.学习准备三.课程学习与成绩组成四.学习方法其他资料课前准备CheckList: 教学日历 2021春季 2020秋本学习指南适用范围:集美大学公选课学生. 一.选修说 ...
计网复习day01 2020.8.18
计网复习day01 2020.8.18 一些填空题计算机网络由通信子网和资源子网组成报文交换网络分为虚电路交换网络和数据报交换网络 OSPF的名字是开放最短路径优先,使用了分布式的链路状态协议,R ...
Java+Servlet+JSP+Mysql+Tomcat实现Web学生选课管理系统
Java实现Web学生选课管理系统一.系统介绍 1.软件环境 2.系统功能 3.数据库二.系统展示 1.登录页面 2.学生-主页面 3.学生-查看个人信息 4.学生-选择课程 5.学生-查看已选课 ...
基于SSM的公选课的选课系统/选课系统的设计与实现
摘要随着科学技术的飞速发展,各行各业都在努力与现代先进技术接轨,通过科技手段提高自身的优势:公选课的选课系统当然也不能排除在外,随着网络技术的不断成熟,带动了公选课的选课系统的发展,它彻底改变了 ...
心音数据库_小V云端数据库 | 2020.9.14—2020.9.18
桂花的芬芳在雨后空气中弥散开来似为湿润的情绪赠予了一丝甜蜜小V云端数据库 2020.9.14-2020.9.18 资讯情报关键词健康.示范.安全 V宝体检,助力成长 2020年9月14日上午 ...