本篇内容介绍了“CSS基础知识点整理”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!CSS基础 CSS选择器
本篇内容介绍了“CSS基础知识点整理”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
CSS基础
CSS选择器 元素选择器:p{} id选择器:#p1{} 类选择器: .pre{}
CSS注释
注释:
CSS尺寸
width:宽度 height:高度
CSS背景
background-color-----背景颜色 background-image:url(imagepath)—图片做背景 url(background.jpg)—本地测试 background-repeat—背景水平垂直方向重复—参数可选 background-size: contain—背景平铺
文本
color—文字颜色 text-align—对齐 text-decoration—文本修饰 lineheight—行间距 letter-spacing—单词间距 text-indent—首行缩进 text-transfORM—大小写 white-space—空白格
字体
font-size—尺寸 font-style—风格 font-weight—粗细 font-family—字库 font—声明在一起
鼠标样式
cursor:crosshair—十字架 cursor:pointer—手指
表格
table-layout:automatic|fixed—表格布局 border-collapse:separate|collapse—表格边框
边框
border-style—边框风格 border-color—边框颜色 border-width—边框宽度 border—都放在一起 boder-top—只有一个方向有边框 boder-top,border-left—有交界的边都有边框 div—块级元素(自动换行) span—内联元素(无换行)
内边距
padding-left: 左内边距 padding-right: 右内边距 padding-top: 上内边距 padding-bottom: 下内边距 padding: 上 右 下 左
外边距
margin-left: 左外边距 margin-right: 右外边距 margin-top: 上外边距 margin-bottom: 下外边距
边框模型
超链状态
link - 初始状态,从未被访问过 visited - 已访问过 hover - 鼠标悬停于超链的上方 active - 鼠标左键点击下去,但是尚未弹起的时候
隐藏
display:none; —隐藏一个元素,这个元素将不再占有原空间 “坑” 让出来了 visibility:hidden;—;隐藏一个元素,这个元素继续占有原空间,只是“看不见”
css文件
href指向的路径就是单独的css文件路径
CSS优先级
在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。 作为style属性写在元素内的样式 id选择器 类选择器 标签选择器 通配符选择器 浏览器自定义或继承
“CSS基础知识点整理”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!
--结束END--
本文标题: CSS基础知识点整理
本文链接: https://www.lsjlt.com/news/240765.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-21
2024-05-21
2024-05-21
2024-05-21
2024-05-21
2024-05-21
2024-05-21
2024-05-21
2024-05-21
2024-05-21
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0