博客园 首页 新随笔 联系 订阅 管理
  35 随笔 :: 0 文章 :: 0 评论 :: 17344 阅读

随笔分类 -  CSS

摘要:1.float浮动 文档流 文档流是文档中可显示对象在排列时所占用的位置 float特性 加浮动的元素,会脱离文档流,沿着父容器靠左或靠右排列;如果之前已经有浮动元素,会挨着浮动的元素进行排列 float取值 left、right、none 2.float注意点 (1)float只会影响后面的元素 阅读全文
posted @ 2021-12-31 17:48 Computer_Science 阅读(24) 评论(0) 推荐(0) 编辑

摘要:1. 显示框类型 display: 取值:block、inline、inline-block、none 注:display:none 与 visibility:hidden 的区别 display:none 不占隐藏空间 visibility:hidden 占隐藏空间 2. 溢出隐藏 overflo 阅读全文
posted @ 2021-12-31 13:42 Computer_Science 阅读(32) 评论(0) 推荐(0) 编辑

摘要:1. CSS 继承 (1) 文字相关的样式可以被继承 (2) 布局相关的样式不能被继承(默认是不能继承的,但是可以设置继承属性 inherit 值) 例如: border: inherit; 2. CSS 优先级 (1) 相同样式的优先级 当设置相同的样式时,后面的优先级较高 (2) 内部样式和外部 阅读全文
posted @ 2021-12-31 11:35 Computer_Science 阅读(34) 评论(0) 推荐(0) 编辑

摘要:1.CSS 选择器 (1)ID选择器 格式: #elem{} html: <tag id="elem">content</tag> 注意: (1.1)在一个页面中,id是唯一的 (1.2)命名规范:字母_-数字(数字不能作为开头) (1.3)命名方式: 驼峰式 短线式 下划线式 快捷创建: tag# 阅读全文
posted @ 2021-12-31 10:01 Computer_Science 阅读(29) 评论(0) 推荐(0) 编辑

摘要:1. CSS 背景样式 (1) background-color:背景颜色 (2) background-image:背景图片 (3) background-repeat:图片的平铺方式 repeat-x 水平方向平铺 repeat-y 竖直方向平铺 no-repeat 都不平铺 repeat:x、 阅读全文
posted @ 2021-12-30 21:22 Computer_Science 阅读(33) 评论(0) 推荐(0) 编辑

摘要:1.CSS基础语法 格式: 选择器{ 属性1: 值1; 属性2: 值2} 基础语法: width: 宽 height: 高 background-color: 背景色 单位: 1. px -> 像素 2. % -> 百分比 (相对父容器的大小) 外容器 -> 600px 当前容器 50% -> 30 阅读全文
posted @ 2021-12-30 19:58 Computer_Science 阅读(26) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示