web公选课第三节2020.5.18

最新推荐文章于 2024-04-29 22:00:08 发布
最新推荐文章于 2024-04-29 22:00:08 发布
阅读量121 收藏
点赞数
分类专栏： web公选课
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44382711/article/details/106186133
版权

文章目录

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标签那种）

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

新川宝宝
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Idea(2019)创建javaweb项目
jinger2510的博客
04-07 1221
Idea2019创建javaweb项目 版本说明 使用的mac os，因此可能省略了jdk环境变量的配置 Jdk1.8 Tomcat 8.0 Idea2019 创建过程 一、创建web项目 二、配置tomcat 三、创建servlet 四、测试 一、创建web项目 点击“OK”后可看到如下目录结构的工程 在WEB-INF目录创建classes和lib目录...
用webload进行web application性能测试
dinghengtan8887的博客
10-26 483
webload是什么? webload是RadView公司推出的一个性能测试和分析工具,它让web应用程序开发者自动执行压力测试;webload通过模拟真实用户的操作,生成压力负载来测试web的性能 用户创建的是基于javascript的测试脚本,称为议程agenda,用它来模拟客户的行为,通过执行该脚本来衡量web应用程序在真实环境下的性能 当前最高版本是6...
建Web时遇到的一些问题
q18770158319的博客
11-22 262
文章目录一、不同版本的idea创建Web1、2020.2.2之前版本1、2020.2.2版本二、建lib文件三、8版本以上的mysql四、建项目的时候要提前把他们放入一个包中五、建html、jsp等要注意六、设置tomcat时要注意 一、不同版本的idea创建Web 1、2020.2.2之前版本 直接创建JavaEE项目，然后创建的时候记得要勾选Web Application 1、2020.2.2版本 先创建普通版本的项目，然后在去按下图选择add， 进去之后把Web Application给勾选上
（附源码）springboot公选课在线选课系统 毕业设计 142011
WeiXin_DZbishe的博客
10-14 331
在系统开发设计前，应该对功能做初步设想，清楚这个管理系统有什么板块，每个板块有什么功能，整体的设计是否满足使用者的需求，接着对所开发的系统功能进行的详细分析总结，从而设计出完整的系统并将其实现。用户和开发人员的交流分析，使其达到最佳理解程度，使系统功能达到最佳。
web公选课js基础Part1
weixin_44382711的博客
05-27 132
文章目录实现弱类型语言三个部分组成ECMAScriptDOMBOM使用内部消息对话框使用内容返回值方法外部JS位置示例语法大小写没分号也行注释// /**/代码块{}变量声明:var可以改类型，但不建议规范首位可以是字母，下划线，美元符号eg驼峰，首字母大写，用类型作为前缀-不错关键字与保留字如表保留字表基本数据类型基本类型undefinednull（初始化过/用于清空）string，单引号或双引号string方法长度某个位置字符（string第一个从0开始）连接 concat或+查找字符串是否含子串，有正
spring boot公选课在线选课系统 毕业设计源码142011
10-31 70
本设计主要实现集人性化、高效率、便捷等优点于一身的公选课在线选课系统，完成首页、公共管理（轮播图、公告栏）用户管理（管理员、教师、学生）系统内容（新闻管理、新闻分类）系统模块（专业分类管理、课程管理、学生选课管理、教学任务管理、学院管理、班级管理、成绩管理、通知学生管理、通知教师管理、数据备份）等功能模块。系统通过浏览器与服务器进行通信，实现数据的交互与变更。
（附源码）spring boot公选课在线选课系统 毕业设计 142011
Weixin_CXSJ881的博客
07-30 117
本设计主要实现集人性化、高效率、便捷等优点于一身的公选课在线选课系统，完成首页、公共管理（轮播图、公告栏）用户管理（管理员、教师、学生）系统内容（新闻管理、新闻分类）系统模块（专业分类管理、课程管理、学生选课管理、教学任务管理、学院管理、班级管理、成绩管理、通知学生管理、通知教师管理、数据备份）等功能模块。
（附源码）spring boot公选课在线选课系统 毕业设计142011
Weixin_CXSJ881的博客
07-02 89
本设计主要实现集人性化、高效率、便捷等优点于一身的公选课在线选课系统，完成首页、公共管理（轮播图、公告栏）用户管理（管理员、教师、学生）系统内容（新闻管理、新闻分类）系统模块（专业分类管理、课程管理、学生选课管理、教学任务管理、学院管理、班级管理、成绩管理、通知学生管理、通知教师管理、数据备份）等功能模块。
java毕业设计之网络公选课系统小程序源码.zip
07-18
《Java毕业设计：网络公选课系统小程序源码解析》 在Java开发领域，毕业设计是学生提升技能、实践理论的重要环节。本项目——“网络公选课系统小程序源码”，是一个基于Java技术栈实现的在线课程选择系统，旨在帮助...
北京林业大学公选课分类(新).pdf
09-27
北京林业大学的公选课设置丰富多样，涵盖了人文科学、社会科学和数学与自然科学等多个领域，旨在为学生提供广泛的知识和技能训练，以适应现代社会的需求。 在人文科学方面，课程包括了森林文化与美学，探讨人与自然...
毕业设计之网络公选课系统小程序源码.zip
11-21
小程序完整源码，项目可正常运行。 环境说明： 开发语言：Java 前端框架：小程序 JDK版本：JDK1.8 数据库：mysql 5.7+ 部署容器：tomcat7+ 数据库工具：Navicat11+ 开发软件：eclipse/myeclipse/idea（推荐idea） ...
应用差异教学提升计算机公选课的教学效果探究.docx
01-26
3. **分层的教学目标**：针对学生的不同水平设定不同层次的教学目标，确保每个学生都能在适合自己的起点上进步，避免产生挫败感或优越感。 4. **内容的层次化**：根据学生的计算机基础，将课程内容分为基础、进阶和...
创业管理-公选课考试题2归纳.pdf
01-20
3. 创业机会成本与创业几率：机会成本越低，人们创业的可能性越大（选择题3），这说明较低的机会成本可以鼓励更多人去尝试创业。 4. 产品命名与品牌定位：例如，“钱卫洁”被称为“鸭司令”（选择题7），这表明产品...
基于Qt和C++的选修课系统设计[2024-04-02]
程序设计
04-29 462
随着网络技术的不断发展和普及应用，教务管理人员在选课管理上已经不再采用传统那种单一的选课模式，因此在这种背景下就提出了面向 Web 应用的网上选课系统，对该软件系统的开发主要是基于网络环境，通过采用互联网平台来实现对高校选课管理系统的开发，随着系统应用功能的不断优化和演进，开始由传统的C/S 技术架构的软件系统过渡到了 B/S 架构，这样教师和学生就可以不用在自己的客户端电脑上安装应用程序，只需要通过浏览器就可以实时登录完成对系统的操作，同时还可以通过采用分布式的部署方式来有效提高系统的运行可靠性。
Caché数据库及其特性.pdf
07-19
本文对Caché数据库相关概念、架构、前景、特性、实现及应用进行了简洁的介绍和阐述，并用较大篇幅对Caché数据库独一无二的架构设计和特性实现进行了详细的说明和解释，期间，结合实例对相关概念和知识进行了解析，以期各位同学对该数据库进行初步了解和学习，为进一步深入学习和掌握打下良好的基础。
使用Richardson-Lucy反褶积的压缩光场显微镜（SLIM）3D重建Matlab代码.rar
07-19
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
Java集合框架学习xmind文件①
最新发布
07-19
Java基础学习、集合框架

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值