分类 (Classification)
1.把元素显示为内联元素/块级元素/隐藏元素 display
p {display: inline} 把段落设置为内联元素,不会换行
span { display: block } 把行内元素元素span设置为块级元素
2.浮动属性 float
(1)使图像浮动于一个段落的右侧
图像会浮动到右侧,并且添加了点状的边框。为图像添加了边距,这样就可以把文本推离图像
img {float:right;border:1px dotted black;margin:0px 0px 15px 20px;}
(2)使段落的首字母浮动于左侧
span { float:left; width:0.7em; font-size:400%; font-family:algerian,courier; line-height:80%; }
(3)创建水平菜单
ul{float:left;width:100%;padding:0;margin:0;list-style-type:none;}
li {display:inline}
(4)创建无表格首页
http://www.w3school.com.cn/tiy/t.asp?f=csse_float6
3.定位:相对定位/绝对定位/固定定位
相对定位:relative 相对于原位置;原空间保留;会与移动后所在位置的内容叠加显示;
绝对定位:absolute 相对于负元素进行定位;原空间删除;会与移动后所在位置的内容叠加显示;
固定定位:fixed 相对于浏览器定位(其实是相对于HTML文件);
通过"left", "top", "right" 以及 "bottom"进行定位
4.使元素不可见 visibility
visibility
值 描述
visible 默认值。元素是可见的。
hidden 元素是不可见的。
collapse 当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 "hidden"。
visibility:hidden与display:none区别
visibility:hidden只是隐藏元素空间仍在
display:none是隐藏并删除该空间
5.改变光标cursor
值 描述
url 需使用的自定义光标的 URL。
注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。
default 默认光标(通常是一个箭头)
auto 默认。浏览器设置的光标。
crosshair 光标呈现为十字线。
pointer 光标呈现为指示链接的指针(一只手)
move 此光标指示某对象可被移动。
e-resize 此光标指示矩形框的边缘可被向右(东)移动。
ne-resize 此光标指示矩形框的边缘可被向上及向右移动(北/东)。
nw-resize 此光标指示矩形框的边缘可被向上及向左移动(北/西)。
n-resize 此光标指示矩形框的边缘可被向上(北)移动。
se-resize 此光标指示矩形框的边缘可被向下及向右移动(南/东)。
sw-resize 此光标指示矩形框的边缘可被向下及向左移动(南/西)。
s-resize 此光标指示矩形框的边缘可被向下移动(北/西)。
w-resize 此光标指示矩形框的边缘可被向左移动(西)。
text 此光标指示文本。
wait 此光标指示程序正忙(通常是一只表或沙漏)。
help 此光标指示可用的帮助(通常是一个问号或一个气球)。
6.清除元素的侧面 clear
值 描述
left 在左侧不允许浮动元素。
right 在右侧不允许浮动元素。
both 在左右两侧均不允许浮动元素。
none 默认值。允许浮动元素出现在两侧。
分享到:
相关推荐
- **7.11 CSS分类(Classification)实例** - **分类应用**:展示如何使用分类选择器对元素进行分类。 - **分类效果**:演示分类后的视觉效果。 - **7.12 CSS定位(Positioning)实例** - **定位设置**:展示如何设置...
5. CSS和JavaScript文件:用于前端样式和交互逻辑。 6. 数据库脚本或连接配置(.sql、.properties):用于数据库的创建、迁移或配置。 7. 图像和其他静态资源文件:用于增强用户界面。 8. 构建和打包脚本(如build....
trash-classification/ │ ├── app.py # Flask 的主程序 ├── models/ # 存放垃圾分类的机器学习模型 │ └── model.h5 # 训练好的垃圾分类模型 ├── static/ # 静态资源 (CSS, JS, 图片等) │ ├── css/...
### 网页分类:特征与算法 #### 引言 网页分类在众多的信息管理和检索任务中扮演着至关重要的角色。对于互联网而言,对页面内容进行分类是聚焦爬虫、辅助构建网络目录、主题特定的网页链接分析、情境广告以及分析...
- **分类(Classification)**:`clear`属性用于清除浮动,避免元素重叠;`cursor`属性用于设置鼠标指针样式;`display`属性用于控制元素的显示方式,如块级、内联、表格等。 ### JavaScript JavaScript是一种脚本...
这些实用程序的核心是包含在jquery.classification.js的 jQuery 插件。 这个插件使用一些简单的 jQuery 代码向<body>元素添加两个 div。 包括 CSS 和插件以及 jQuery,并使用如下所示的内容。 $ ( function ( ...
分类导航 (Classification) 醒目牌 (Striking) 搜索框 (Search Box) 标签集 (Tags) 网页是一门技术,更讲究艺术,没有绝对的山寨与抄袭,更多的,是不断的探索学习和借鉴,国内的设计应该有更多更适应国内...
6. **图像分类**:`image_classification_using_very_little_data.html`章节关注在数据有限的情况下进行图像分类的问题。文档会介绍迁移学习、预训练模型以及如何在Keras中利用这些技术来提高模型性能。 7. **FAQ**...
【标题】"GarbageClassification.rar" 是一个压缩文件,它包含了一个初级的垃圾分类公益网站的源代码。这个项目由学生自主开发,旨在通过技术手段帮助公众更好地理解和实践垃圾分类,从而推动环保理念的普及。 ...
标题提到的“-rock-classification”项目,显然是一项关于岩石分类的研究工作,由三人团队进行。这可能是一个结合了地质学、计算机科学和数据分析的项目,旨在利用技术手段对岩石进行系统性的分类和分析。 在描述中...
"基于微信小程序垃圾分类自动识别app设计毕业设计.zip" 这个标题揭示了这个项目的核心内容。这是一个毕业设计项目,专注于创建一个基于微信小程序的应用程序,该程序具备垃圾分类自动识别的功能。微信小程序是一种轻...
使用分类算法预测高血压,并使用d3对结果进行基本可视化 ####文件夹结构: 3天 包含用于创建d3条形图的.html文件和.csv数据文件。 * precision.html带有CSS和javascript的html文件。 使用“ d3.js”(带有工具提示...
作为一款高效、便捷的管理工具,基于Django框架开发的垃圾分类管理系统(Garbage Classification Management System,简称GGMS)应运而生。本文将深入探讨GGMS的设计理念、实现方式以及核心功能,旨在提供一种实用且...
音乐流派分类模型Web APP 概述 该项目是一个基于Python Fast API的React.js Web应用程序,具有一个Tensorflow神经网络( )。 该存储库包含React.js Webapp。 该项目还使用sass( .scss )文件而不是.css文件。 ...
【标题】"Traffic-Sign-Classification:交通标志分类的深度学习模型"涉及到的是利用现代计算机视觉技术,特别是深度学习,来识别和分类不同类型的交通标志。这个项目可能旨在提高道路安全,通过自动化的方式帮助车辆...
MobileNet_image_classification 该NodeJs项目演示了使用Mobile Net进行图像分类科技二手1。 Tensorflow js(预训练模型) 2。 Js,HTML,CSS 3。 节点Js和Express所用型号:MobileNet 在此处查看有关mobilenet的更...
通过观察描述中的URL结构,我们可以推断出青帝的图书分类页面是按`Classification/<{pageid}>.html`的格式组织的,其中`<{pageid}>`代表不同的分类页面ID。这为我们提供了构建采集规则的基础。 接着,我们需要解析...
《使用机器学习进行运动分类——深入理解Tracks_Classification项目》 在现代科技发展的浪潮中,机器学习已经成为数据科学领域的一股重要力量,尤其在运动识别和分类方面展现出了巨大的潜力。"Tracks_...
"Image_classification_web_app" 是一个基于Python开发的图像分类网络应用程序,它利用深度学习技术对上传的图片进行智能识别和分类。这个项目旨在为用户提供一个直观、易用的平台,用户可以上传自己的图片,系统则...
标题中的“Heroku-Image-Classification-App”是一款基于Heroku平台的图像分类Web应用程序,其核心功能是利用预先训练的MobileNetV2模型对上传的图像进行分类。这款应用展示了深度学习技术如何与Web开发相结合,为...