首页IT科技层叠样式表css的主要作用是改变什么(前端之CSS介绍(层叠样式表))

层叠样式表css的主要作用是改变什么(前端之CSS介绍(层叠样式表))

时间2025-07-05 03:49:42分类IT科技浏览4574
导读:Cascading Style Sheets(CSS)...

Cascading Style Sheets(CSS)

1.CSS就是在HTML文档中,如何显示HTML标签,元素,以及他们的样式布局,前端页面的展示形式均由CSS来布局.

2.如何使用CSS

内部样式表 head标签里<style></style> 内联样式,在HTML标签里面直接写style 外部样式表 内容 表现---可以直接引入写好的CSS样式文件(.css),提高效率 存储--存储在CSS文件中 基本语法 通过xxx{属性:值},等同于xxx{key:value} 选择器 基本选择器 元素选择器(名称选择器)---标签的名称:h1{key:value} 属性选择器---id=“属性名称”,一般由#号后面跟属性名称, 类选择器---class选择器,class关键字,用来描述一类样式的元素---.类名{key:value} 高级选择器 分组选择器(组合选择器)---小组1,小组2,小组3... 通用选择器---*{margin:0;padding:0} 后代选择器---选择器1 选择器2 选择器3...比如:h1 p{} 兄弟选择器 子元素选择器---比如:ul>li{} 伪类选择器---a:hover{},a:active{}.a:visited{} CSS注释---/**/ 常见的属性 宽高 width hegiht 颜色 color--值 颜色名称:red 颜色进制:#000000 颜色标识:rgb/rgba 背景 background-color background-image background-repeat background-postion 字体 font-size---修改字体大小 font-family---使用哪种字体 font-style:normal font-weghit:normal bold 文本 text-align:center,left,right 链接 a标签:link,active,hover,visited 列表 有序列表 list-style:图片,原点,小三角,矩形,星号... 无序列表 表格 table---表格 tr th background-color td text-align vertical-align table-collapse 轮廓 outline outline-color outline-style 盒子模型 盒模型 边框 外边框 内边框 定位和浮动 float:涉及元素的排列方式---left,right position fixed(固定) absolute(绝对定位) relative(相对定位) DIV标签布局

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
vue上传文件和后端upload(vue+el-upload 上传图片和视频小总结) 我的十年是一部怎样的电影(我的十年编程路 2020年篇)