![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css基础
文章平均质量分 91
Hyman-ya
这个作者很懒,什么都没留下…
展开
-
PC端品优购项目 网站制作流程、项目搭建、 三大标签 SEO 优化 、 LOGO SEO 优化 、 Web 服务器 、 注册页面不需要SEO 、
-------------------- 网站制作流程 --------------------客户沟通、制定方案签订合同预付定金初稿审核前台页面设计,后台功能开发测试验收上线培训后期维护-------------------- 品优购项目规划 --------------------品优购项目整体介绍品优购项目学习目的开发工具以及技术栈1. 品优购项目整体介绍项目名称:品优购项目描述:品优购是一个电商网站,我们要完成 PC 端首页、列表页、注册页面的制作2. 品原创 2021-04-13 20:56:24 · 419 阅读 · 0 评论 -
CSS 系列七 高级技巧篇 精灵图 、字体图标 、CSS三角 、 图片和文字对齐以及bug 、溢出文字省略号 、CSS 初始化 、 常见的布局技巧
--------------------------- 精灵图 ---------------------------1.1 为什么需要精灵图一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。因此,为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,出现了 CSS 精灵技术(也称CSS Sprites、CSS 雪碧)。核心原理:将网页中的一些小背景图像整合到一张大图中 ,这样服务器原创 2021-04-13 20:01:09 · 372 阅读 · 0 评论 -
CSS 系列六 定位 、定位拓展(Z-index等)、 元素的显示与隐藏的三种方式
--------------------------- 六 定位 ---------------------------1.1 为什么需要定位某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子.当我们滚动窗口的时候,盒子是固定屏幕某个位置的以上效果,标准流或浮动都无法快速实现,此时需要定位来实现。所以:浮动可以让多个块级盒子一行没有缝隙排列显示, 经常用于横向排列盒子。定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。1.2 定位组成原创 2021-04-13 18:19:35 · 475 阅读 · 0 评论 -
CSS 系列五 学成在线 案例 以及 代码书写顺序(重点):布局定位属性、自身属性、文本属性、其他属性
学成在线案例1.0 准备素材和工具学成在线 PSD 源文件。开发工具 = PS(切图) + sublime(代码) + chrome(测试)。1.1 案例准备工作我们本次采取结构与样式相分离思想:创建 study 目录文件夹 (用于存放我们这个页面的相关内容)。study 目录内新建 images 文件夹,用于保存图片。新建首页文件 index.html(以后我们的网站首页统一规定为 index.html )。新建 style.css 样式文件。我们本次采用外链样式表。将样式引入到原创 2021-04-13 17:47:06 · 117 阅读 · 0 评论 -
CSS 系列四 浮动 和 清除浮动
--------------------------- 四 浮动 float ---------------------------1.1 传统网页布局的三种方式CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序):普通流(标准流)浮动定位1.2 标准流(普通流/文档流)所谓的标准流: 就是标签按照规定好默认方式排列.块级元素会独占一行,从上向下顺序排列。常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table行内元素会按照顺序,从左到右顺序原创 2021-04-13 17:30:18 · 343 阅读 · 0 评论 -
CSS 系列三 盒子模型(边框、外边距、内边距、)、CSS3新增的盒子圆角、盒子和文字阴影
--------------------------- 三 盒子模型 ---------------------------页面布局要学习三大核心, ( 学习好盒子模型能非常好的帮助我们布局页面 )盒子模型,浮动 和定位.1.1 看透网页布局的本质网页布局过程:先准备好相关的网页元素,网页元素基本都是盒子 Box 。利用 CSS 设置好盒子样式,然后摆放到相应位置。往盒子里面装内容.网页布局的核心本质: 就是利用 CSS 摆盒子。1.2 盒子模型(Box Model)组成原创 2021-04-13 15:53:33 · 273 阅读 · 0 评论 -
CSS 系列二 Emmet 语法、复合选择器、元素显示模式转换(display)、 CSS 的背景(background)、CSS 的三大特性
--------------------------- 二 Emmet 语法 --------------------------------1.1 快速生成HTML结构语法生成标签 直接输入标签名 按tab键即可 比如 div 然后tab 键, 就可以生成 如果想要生成多个相同标签 加上 * 就可以了 比如 div*3 就可以快速生成3个div如果有父子级关系的标签,可以用 > 比如 ul > li就可以了如果有兄弟关系的标签,用 + 就可以了 比如 div+p如果生成带有类原创 2021-04-13 13:57:12 · 142 阅读 · 0 评论 -
html 和 css 代码 总结
标题原创 2021-04-13 12:38:49 · 1356 阅读 · 0 评论 -
CSS 系列一 基础选择器 | 字体属性 | 文本属性 | CSS引入方式 | Chrome调试工具
1.0 CSS 简介(也是一种标记语言)总结:HTML 主要做结构,显示元素内容.CSS 美化 HTML ,布局网页.CSS 最大价值: 由 HTML 专注去做结构呈现,样式交给 CSS,即 结构 ( HTML ) 与样式( CSS ) 相分离1.1 CSS 语法规范CSS 规则由两个主要的部分构成:选择器以及一条或多条声明选择器是用于指定 CSS 样式的 HTML 标签,花括号内是对该对象设置的具体样式属性和属性值以“键值对”的形式出现属性是对指定的对象设置的样式属性,例如字体大原创 2021-04-13 12:37:58 · 134 阅读 · 0 评论