2020年4月10日
中线定位巧解
摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 7 <style> 8 9 body{ 10 position: relative; 11 heigh 阅读全文
posted @ 2020-04-10 22:51 全情海洋 阅读(252) 评论(0) 推荐(0) 编辑
CSS 雪碧图
摘要： 作用 图片属于网页中的外部资源，外部资源都需要浏览器单独发送请求加载， 雪碧图的使用步骤： 1.先确定要使用的图标 2.测量图标的大小 3.根据测量结果创建一个元素 4.将雪碧图设置为元素的背景图片 5.设置一个偏移量以显示正确的图片 雪碧图的特点： 一次性将多个图片加载进页面，降低请求的次数，加快 阅读全文
posted @ 2020-04-10 22:10 全情海洋 阅读(371) 评论(0) 推荐(0) 编辑
2020年4月9日
CSS行高——line-height
摘要： 1. 基线、底线、顶线 行高指的是文本行的基线间的距离。 基线并不是汉字的下端沿，而是英文字母"x"的下端沿 2. 行距、行高 3. 内容区 底线和顶线包裹的区域，实际中不一定看得到，但却是存在。 4. 行内框 行内框只是一个概念，它无法显示出来，但是它又确实存在 它的高度就是行高 在没有其他因素（ 阅读全文
posted @ 2020-04-09 23:50 全情海洋 阅读(382) 评论(0) 推荐(0) 编辑
关于class写法问题
摘要： 1.如果父元素class="j", 套着子元素class="k",且向左浮动了，子元素class="k"也套着同名后代元素，如果在css写class类选择器胡乱写，会造成结构问题， 2.比如css写 .j li{ float: left;}, 手机电话卡，向左浮动了，那么此时带来一个问题，.j .m 阅读全文
posted @ 2020-04-09 15:20 全情海洋 阅读(604) 评论(0) 推荐(0) 编辑
css利用border设置小三角
摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 8 .box1{ 9 width: 0px; 10 height: 0px; 11 border: 15px red 阅读全文
posted @ 2020-04-09 14:26 全情海洋 阅读(627) 评论(0) 推荐(0) 编辑
初始包含块
摘要： 网页的窗口的结构： 最外层 浏览器窗口（视口） 初始包含块 HTML根元素 body ………… 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 8 /* 9 网页的窗 阅读全文
posted @ 2020-04-09 14:21 全情海洋 阅读(485) 评论(0) 推荐(0) 编辑
a标签的title属性
摘要： 使用 title 属性，可以让鼠标悬停在超链接上的时候，显示该超链接的文字注释。 <a href="http://www.opendir.cn" title = "中文开放目录">分类目录</a> 如果希望注释多行显示，可以使用&#10;作为换行符。 <a href="http://www.open 阅读全文
posted @ 2020-04-09 12:54 全情海洋 阅读(5719) 评论(0) 推荐(1) 编辑
2020年4月8日
CSS默认样式表
摘要： /* v2.0 | 20110126 http://meyerweb.com/eric/tools/css/reset/ License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h 阅读全文
posted @ 2020-04-08 21:27 全情海洋 阅读(1525) 评论(0) 推荐(0) 编辑
css3之border-radius理解
摘要： CSS3提供了5种圆角属性 border-radius ：同时设置4个边框的圆角样式。 border-top-left-radius ：设置左上角边框的圆角样式。 border-top-right-radius ：设置右上角边框的圆角样式。 border-bottom-left-radius ：设置 阅读全文
posted @ 2020-04-08 21:24 全情海洋 阅读(1266) 评论(0) 推荐(0) 编辑
css3 box-shadow阴影(外阴影与外发光)讲解
摘要： 基础说明： 外阴影：box-shadow: X轴 Y轴 Rpx color; 属性说明（顺序依次对应）： 阴影的X轴(可以使用负值) 阴影的Y轴(可以使用负值) 阴影模糊值（大小） 阴影的颜色 内阴影：box-shadow: X轴 Y轴 Rpx color inset; 默认是外阴影 内阴影：ins 阅读全文
posted @ 2020-04-08 21:03 全情海洋 阅读(784) 评论(0) 推荐(0) 编辑