随笔分类 -  css

上一页 1 2 3 4 5 6 下一页

0044 pinyougou项目(二)
该文被密码保护。

posted @ 2019-12-31 19:24 冲啊！ 阅读(20) 评论(0) 推荐(0)

0043 pinyougou项目(一)
该文被密码保护。

posted @ 2019-12-31 19:22 冲啊！ 阅读(26) 评论(0) 推荐(0)

0042 网站logo图标 优化
摘要：logo 里面 首先放一个 h1 标签 ，目的是为了提权，告诉搜索引擎，这个地方很重要 h1里面在放一个连接，可以返回首页的， 给连接一个 大小 和 logo 的背景图片 连接 里面要放文字（网站名称），为了搜索引擎收录我们。 但是文字不要显示出来 要用 text indent 移到盒子外面 （te 阅读全文

posted @ 2019-12-31 19:19 冲啊！ 阅读(176) 评论(0) 推荐(0)

0041 字体图标
摘要：图片是有诸多优点的，但是缺点很明显，比如图片不但增加了总文件的大小，还增加了很多额外的"http请求"，这都会大大降低网页的性能的。更重要的是图片不能很好的进行“缩放”，因为图片放大和缩小会失真。 我们后面会学习移动端响应式，很多情况下希望我们的图标是可以缩放的。此时，一个非常重要的技术出现了，额不 阅读全文

posted @ 2019-12-31 19:16 冲啊！ 阅读(205) 评论(0) 推荐(0)

0040 网站优化三大标签
摘要：SEO是由英文Search Engine Optimization缩写而来， 中文意译为“搜索引擎优化”！ 常见的搜索引擎，比如百度，谷歌，雅虎，搜狗等等.. SEO是指通过对网站进行站内优化、网站结构调整、网站内容建设、网站代码优化等)和站外优化，从而提高网站的关键词排名以及公司产品的曝光度。 简 阅读全文

posted @ 2019-12-31 19:14 冲啊！ 阅读(187) 评论(0) 推荐(0)

0039 网站ico图标
摘要：1). 使用ico图标 首先把favicon.ico 这个图标放到根目录下。 再html里面， head 之间 引入 代码。 2). 制作ico图标 我们可以自己做的图片，转换为 ico图标，以便放到我们站点里面。 方法步骤： 首先把我们想要的切成图片。 要把图片转换为 ico 图标，我们借助于第三 阅读全文

posted @ 2019-12-31 19:12 冲啊！ 阅读(252) 评论(0) 推荐(0)

0038 html、css代码规范
该文被密码保护。

posted @ 2019-12-31 19:11 冲啊！ 阅读(28) 评论(0) 推荐(0)

0037 CSS三角形之美
摘要：~~~css div { width: 0; height: 0; line height:0； font size: 0; border top: 10px solid red; border right: 10px solid green; border bottom: 10px solid b 阅读全文

posted @ 2019-12-31 19:09 冲啊！ 阅读(223) 评论(0) 推荐(0)

0036 margin负值之美
摘要：1). 负边距+定位：水平垂直居中 咱们前面讲过， 一个绝对定位的盒子， 利用 父级盒子的 50%， 然后 往左(上) 走 自己宽度的一半 ，可以实现盒子水平垂直居中。 2). 压住盒子相邻边框 阅读全文

posted @ 2019-12-31 19:07 冲啊！ 阅读(145) 评论(0) 推荐(0)

0035 滑动门
该文被密码保护。

posted @ 2019-12-31 19:05 冲啊！ 阅读(8) 评论(0) 推荐(0)

0034 CSS精灵技术：sprite（重点）
摘要：5.1 为什么需要精灵技术 图所示为网页的请求原理图，当用户访问一个网站时，需要向服务器发送请求，网页上的每张图像都要经过一次请求才能展现给用户。 然而，一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接受和发送请求，这将大大降低页面的加载速度。 我们为什么需要精 阅读全文

posted @ 2019-12-31 19:03 冲啊！ 阅读(175) 评论(0) 推荐(0)

0033 溢出的文字省略号显示：white-space、overflow、text-overflow
摘要：4.1 white space white space设置或检索对象内文本显示方式。通常我们使用于强制一行显示内容 ~~~ white space: normal ；默认处理方式 white space: nowrap ；　强制在同一行内显示所有文本，直到文本结束，或者遭遇br标签对象才换行。 ~~ 阅读全文

posted @ 2019-12-31 19:02 冲啊！ 阅读(317) 评论(0) 推荐(0)

0032 垂直对齐：vertical-align（图片、表单和文字对齐，去除图片底侧空白缝隙）
摘要：有宽度的块级元素居中对齐，是margin: 0 auto; 文字居中对齐，是 text-align: center; 但是我们从来没有讲过有垂直居中的属性。 vertical-align 垂直对齐，它只针对于行内元素或者行内块元素。 【对于块级元素无效。】 vertical-align : base 阅读全文

posted @ 2019-12-31 19:00 冲啊！ 阅读(592) 评论(0) 推荐(0)

0031 CSS用户界面样式：鼠标样式cursor、轮廓线 outline、防止拖拽文本域resize
摘要：所谓的界面样式， 就是更改一些用户操作样式，以便提高更好的用户体验。 更改用户的鼠标样式 (滚动条因为兼容性非常差，我们不研究) 表单轮廓等。 防止表单域拖拽 2.1 鼠标样式cursor 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 属性值 描述 default 小白 默认 po 阅读全文

posted @ 2019-12-31 18:57 冲啊！ 阅读(799) 评论(0) 推荐(0)

0030 元素的显示与隐藏：dispaly、visibility、overflow
摘要：元素的显示与隐藏 目的 让一个元素在页面中消失或者显示出来 场景 类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现！ 1.1 display 显示（重点） display 设置或检索对象是否及如何显示。 ~~~ display: none 隐藏对象 display：block 阅读全文

posted @ 2019-12-31 18:53 冲啊！ 阅读(400) 评论(0) 推荐(0)

0029 css定位：相对、绝对、固定、绝对定位盒子居中、z-index、绝对定位改变display属性、案例
摘要：粘性定位sticky 粘性定位可以被认为是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位，之后为固定定位。例如： #one { position: sticky; top: 10px; } 1. CSS 布局的三种机制 网页布局的核心 —— 就是用 CSS 来摆放盒子位置。 CSS 提供了 阅读全文

posted @ 2019-12-31 18:25 冲啊！ 阅读(2734) 评论(0) 推荐(1)

0028 xuecheng在线页面制作
该文被密码保护。

posted @ 2019-12-31 18:13 冲啊！ 阅读(0) 评论(0) 推荐(0)

0026 页面布局流程
摘要：为了提高网页制作的效率，布局时通常有以下的布局流程，具体如下： 1、必须确定页面的 版心（可视区） ， 我们测量可得知。【 公共类样式 】 2、分析页面中的 行模块 ，以及每个行模块中的 列模块 。其实页面布局，就是一行行罗列而成。 3、制作 HTML结构 。我们还是遵循，先有结构，后有样式的原则， 阅读全文

posted @ 2019-12-31 18:03 冲啊！ 阅读(195) 评论(0) 推荐(0)

0025 CSS属性书写顺序
摘要：建议遵循以下顺序： 1. 布局定位属性：display / position / float / clear / visibility / overflow（建议 display 第一个写，毕竟关系到模式） 2. 自身属性：width / height / margin / padding / bo 阅读全文

posted @ 2019-12-31 18:01 冲啊！ 阅读(156) 评论(0) 推荐(0)

0024 Photoshop 切图
摘要：常见的图片格式 PS切图 可以 分为 利用切片工具切图 以及 利用PS的插件快速切图。 1). PS切片工具 ps切图片，分两大步： 1). 用切片选中图片 利用切片工具手动划出 图层菜单 新建基于图层的切片 利用辅助线 来切图 基于参考线的切片 2). 导出切片 文件菜单 存储为web设备所用格式 阅读全文

posted @ 2019-12-31 18:00 冲啊！ 阅读(219) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 下一页

导航