css
文章平均质量分 64
阿陈陈陈
这个作者很懒,什么都没留下…
展开
-
css---风筝效果(margin-left、left: 100%)
前端入门笔记之css()知识点:**margin-left:**让元素向左移动多少像素,**margin-top:**让元素向上移动多少像素left: 100%: left的%,对应的是父级的widthtop: 100%:top的%,对应的是父级的heigh代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style原创 2021-10-17 21:31:57 · 378 阅读 · 0 评论 -
css---光标样式
前端入门笔记之css(12)光标样式属性:cursor 更改鼠标图标{cursor: crosshair;}光标呈现为十字线 1.url:需使用的自定义光标的 URL。 注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。 2.default:默认光标(通常是一个箭头) 3.auto:默认。浏览器设置的光标。 4.crosshair:光标呈现为十字线。 5.pointer:光标呈现为指示链接的指针(一只手) 6.move:此光标指示某对象可被移动。原创 2021-10-10 16:20:27 · 2334 阅读 · 0 评论 -
css---盒子模型(边框、内边距、外边距)
前端入门笔记之css(10)盒子模型CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距。外边距默认是透明的,因此不会遮挡其后的任何元素。四种设置方向的固定格式:上、右、下、左(顺时针)上、左右、下上下、左右上下左右边框元素的边框 (border) 是围绕元素内容和内边距的一条或多条线。CSS border 属性允许你原创 2021-10-10 12:06:33 · 982 阅读 · 0 评论 -
css---分类(clear、float、display、visibility)
前端入门学习之css(9)分类 CSS 分类属性允许你控制如何显示元素,设置图像显示于另一元素中的何处,相对于其正常位置来定位元素,使用绝对值来定位元素,以及t元素的可见度。 常用属性 clear:设置一个元素的侧面是否允许其它的浮动元素 float:定义元素在哪个方向浮动 cursor:当指向某元素之上时显示的指针类型 display:定义是否及如何显示元素 visibility:定义元素是否可见或不可见。...原创 2021-10-10 11:16:44 · 226 阅读 · 0 评论 -
css---继承定位和默认定位
前端入门笔记之css(8)继承定位: 继承父级的定位。父级是什么定位,它就是什么定位{position:inherit;left:2000px;top:0;}原创 2021-10-09 17:11:05 · 342 阅读 · 0 评论 -
css---窗口定位(固定定位)和滚动条设置
前端入门笔记之css(7)窗口定位: 根据窗口进行定位。可以滑动,广告栏类似的状态;有滚动条的话,一直跟着窗口走;绝对定位不会跟着窗口走。{position:fixed;left:300px;top:300px}原创 2021-10-09 11:27:06 · 3397 阅读 · 0 评论 -
css---绝对定位
前端入门笔记之css(6)绝对定位:绝对定位是相对于元素最近的已定位的祖先元素,如果元素没有已定位的祖先元素,那么它的位置则是相对于最初的包含块(也就是body)。绝对定位的语法:{position: absolute}1.脱离标准流:绝对定位本身与文档流无关,因此不占空间,普通文档流中的元素的布局就当绝对定位的元素不存在时一样,所以它们可以覆盖页面上其他的元素,且可以通过z-index属性来控制这些层的相应顺序。2.原来的位置不会保留3.绝对定位是根据有定位的父级元素进行定位4.如果父级元素原创 2021-09-30 16:53:07 · 236 阅读 · 0 评论 -
css---相对定位和z-index的使用
前端入门笔记之css(6)定位1、CSS 定位 (Positioning) 属性允许你对元素进行定位。2、定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置3、CSS 有三种基本的定位机制:普通流、浮动和绝对定位。4、固定定位:fixed相对定位:relative绝对定位:absolute静态定位:static集成定位:inherit常用属性:1、position:把元素放置到一个静态的,相对的,绝对的,或固定的原创 2021-09-27 11:44:55 · 795 阅读 · 0 评论 -
css---轮廓
web前端入门笔记之css(5)轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。CSS outline 属性规定元素轮廓的样式、颜色和宽度。常用属性:outline:在一个声明中设置所有的轮廓属性outline-color:定义轮廓的颜色outline-style:定义轮廓的样式outline-width:定义轮廓的宽度代码:<!DOCTYPE html><html><head> <meta ch原创 2021-09-17 09:58:37 · 87 阅读 · 0 评论 -
css---列表和表格
列表CSS 列表属性允许你放置、改变列表项标志,或者将图像作为列表项标志。常用属性:list-style:简写属性。用于把所有用于列表的属性设置于一个声明中。list-style-image:定义列表项标志为图象list-style-position:定义列表项标志的位置list-style-type:定义列表项标志的类型。代码截图:结果截图:表格 CSS 表格属性可以帮助您极大地改善表格的外观 常用属性: border-collapse:定义是否把表格边框合并为单一的边框。原创 2021-09-14 21:25:13 · 100 阅读 · 0 评论 -
css---css属性(字体、文体、背景、尺寸)
web前端入门笔记之css(3)CSS属性字体Css字体属性定义文本的字体系列,大小,加粗,风格(如斜体)和变形(如小型大写字母)常用属性:font:简写属性,作用是把所有针对字体的属性设置在一个声明中。font-size:定义字体的尺寸font-style:定义字体风格代码: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title>原创 2021-09-13 17:12:49 · 474 阅读 · 0 评论 -
css---六种选择器
web前端入门笔记之css(2)CSS选择器css选择器主要是用于选择需要添加样式的html元素。对于css来说,它的选择器有很多,我们主要介绍以下几种:元素选择器这是最常见的选择器,简单说,文档中的元素就是选择器注意:div在style里,style在head标签里属性选择器如果需要选择有某个属性的元素,而不论属性是什么,可以使用属性选择器id选择器id选择器使用**#引入,它引用的是id属性中的值。注意:style标签的位置在head标签里面。div标签里面需要添加id的值*原创 2021-09-13 11:42:59 · 702 阅读 · 0 评论