摘要: 1.鼠标样式 cursor : default; //默认箭头 cursor : pointer; //小手图案 cursor: move; //移动图案 cursor: text; //文本图案 cursor:not-allowed; //禁止图案 2.表单 (1)表单有默认的轮廓线,是蓝色的 可 阅读全文
posted @ 2020-04-23 21:21 瑾言** 阅读(230) 评论(0) 推荐(0)
摘要: CSS三角 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文
posted @ 2020-04-23 20:55 瑾言** 阅读(120) 评论(0) 推荐(0)
摘要: CSS字体图标技术 主要是用来显示网页上常用的一些小图标 字体图标的优点 (1)轻量级 本质上是文字,易加载 (2)本质上是文字,可以随意的修改大小,颜色,产生阴影透明效果 (3)兼容性高,几乎支持所有的浏览器 字体图标的使用 (1)下载字体图标 网址: https://icomoon.io/ (2 阅读全文
posted @ 2020-04-23 20:46 瑾言** 阅读(224) 评论(0) 推荐(0)
摘要: CSS精灵技术产生的原因 当网页中的图片过多时,服务器频繁的接受请求和发送图片,会造成服务器的压力过大,这将大大的降低页面的加载速度 CSS精灵技术 将网页中的小背景图片整合到一张大图上,这样服务器只需要一次请求即可。 这样大大减少了服务器接受和发送请求的次数,提高了页面的加载速度 CSS精灵技术的 阅读全文
posted @ 2020-04-23 19:44 瑾言** 阅读(175) 评论(0) 推荐(0)
摘要: CSS元素的显示和隐藏 1.display display : none; //隐藏元素 ,隐藏元素后,不再占据原先的位置 display: block; //显示隐藏的元素 做一个简单的代码测试,有两个按钮,点击开的按钮,div标签的dispaly属性改为 block,显示出来,点击关的按钮,di 阅读全文
posted @ 2020-04-23 18:12 瑾言** 阅读(2740) 评论(0) 推荐(0)
摘要: CSS定位 首先,思考一个问题,如果我们想要某个元素在一个盒子内自由的移动位置,并且压住盒子,应该怎么做? 使用标准流 ,浮动是很难做到如上操作的,那么就需要定位。 标准流常用于多个块级盒子的纵向排列 浮动可以让多个块级盒子在一行内没有缝隙的排列显示,常用于横向排列 而定位可以让盒子自由的在某个盒子 阅读全文
posted @ 2020-04-23 17:32 瑾言** 阅读(189) 评论(0) 推荐(0)
摘要: 浮动 float 网页布局的实质,通过css 来摆放盒子,把盒子放到相应的位置 CSS提供了三种传统网页布局方式 (1) 标准流 就是标签按规定好的方式排列 (2) 浮动 (3)定位 float : none; // 不浮动 (默认值) float : left; // 左浮动 float : ri 阅读全文
posted @ 2020-04-23 16:34 瑾言** 阅读(285) 评论(0) 推荐(0)
摘要: CSS3的一些新属性(ie9 及以上版本的浏览器支持) 圆角边框 , 盒子阴影 , 文字阴影 (1)圆角边框 border-radius : length; // length可以是一个数值,如10px,50px, 也可以是一个百分比,数值越大,那么圆角边框的弧度越明显 典型示例1: 做出一个圆形的 阅读全文
posted @ 2020-04-23 15:32 瑾言** 阅读(371) 评论(0) 推荐(0)
摘要: CSS盒子模型 css盒子模型 由 边框 border, 外边距 margin ,内边距 padding ,和实际内容组成 (1)边框 border border: 1px solid black; // 第一个参数1px指的是边框的粗细,第二个参数solid指的是边框的样式:实线 第三个参数指的是 阅读全文
posted @ 2020-04-23 14:58 瑾言** 阅读(3314) 评论(0) 推荐(0)
摘要: CSS背景 1.1 背景颜色 background-color 1.2 背景图片 background-image : url(); 那么就出现了一个问题,背景图片的大小 小于 div标签设置的大小 ,那么背景图片就会循环铺满整个div 标签 那么我们还有一个属性专门用来设置背景图片的平铺问题 ba 阅读全文
posted @ 2020-04-23 12:36 瑾言** 阅读(235) 评论(0) 推荐(0)