css
文章平均质量分 52
CNReva
入门==放弃
展开
-
h5新增的标签
HTML5概述html5是html最新的修订的版本,2014年10月份w3c完成标准的制定,html5设计的目的是为了在移动端设备上支持多媒体,html5是在html4.0之后的设计的一个版本html4.0诞生于1999年大部分主流的浏览器都支持html5html5新增了很多的特性 用于绘画的canvas元素 用于媒体 video audio元素 本地存储 新增了很多的内容元素 artice footer header nav section原创 2021-11-25 08:37:17 · 121 阅读 · 0 评论 -
css3新增的选择器
css3是css2的升级版本,它在css2的基础上增加了很多强大的功能,主流的浏览器都支持css3前缀 浏览器 -webkit 谷歌和safari -moz firefox -ms ie -o opera 加前缀的目的是为了更好的兼容css3的新的特性css3新增的选择器 关系选择器 h1~p:选择h1元素后面的同级的p元素 属性选择器 选择器 介绍 e[att] 选择具有attr属性的原创 2021-11-25 08:36:22 · 81 阅读 · 0 评论 -
css 样式跟他的选择器们
内部样式:<style> /* css样式写这里边 语法: 选择标签{ css属性名:属性值; } 标签选择器:通过标签去选择标签 */ h1{ color:red; } /* id选择器:通过id去选择标签 */ #p2{ color:green; } /* class选择器:通过class名去选择标签(页面可...原创 2021-11-25 08:34:28 · 62 阅读 · 0 评论 -
css相对定位与绝对定位
绝对定位:position:absolute;表示绝对定位left:500px;/top../right.. /bottom..设置了绝对定位以后可以使用这种定位<style> div{ /*当left/top/right/bottom为0px时,用绝对可以把div填充到整个html*/ width:200px; heiht:200px; position:absolute; left:0px;...原创 2021-11-24 11:58:43 · 139 阅读 · 0 评论 -
css 文本样式
文本属性样式属性 含义 举例 color 设置文本颜色 color:#00c; text-align 设置水平对齐方式 text-align:right; text-indent 设置首行文本的缩进 text-indent:20px; line-height 设置文本的行高 line-height:25px; text-decoration 设置文本的装饰 text-decoration:underline;原创 2021-11-24 11:57:21 · 178 阅读 · 0 评论 -
box-sizing
可替换元素与不可替换元素可替换元素:比如说img标签不可替换元素:h1和p标签关于input标签input标签比较特殊:因为这个标签他有不同的类型input标签也是一个可替换元素outline:none; /可以去掉元素选中默认出现的边框/超出显示省略号text-overflow:ellipsis;不换行white-space:nowrap;超出隐藏overflow:hidden;关于标签属性和css样式属性注意:html标签会自带一些标签属性原创 2021-11-24 11:56:45 · 78 阅读 · 0 评论 -
css 盒子模型
盒子模型边框<style> #box{ border:1px solid red; /*可以分别设置边框颜色。*/ border-top:10px solid red; }</style>border-solid:实线border-dashed:虚线border-dotted:点线border_double:双线外边框:margin:20px 200px 30px 100px;设置与其他元素边界的...原创 2021-11-24 11:56:13 · 66 阅读 · 0 评论 -
css 浮动
浮动伪类对象:/*伪类对象:伪类对象会在页面中作为一个伪元素,展示出来*//* h1::before:在内容最前面显示*/<style> h1::before{ content:"哈哈"; color:red; } /* h1::before:在内容最后面显示*/ h1::after{ content:"呵呵"; color:red; } /* 总结 ...原创 2021-11-24 11:55:33 · 69 阅读 · 0 评论 -
css overflow属性
overflow<style>#box{ width:100px; height:100px;/*overfiow:hidden; 超出部分隐藏*/ overflow:hidden;} </style><div id="box"> </div>overflow:auto;只有当内容超出时,才会出现滚动条overflow:scroll;不管内容是否超出,都会出现滚动条overflow解决...原创 2021-11-24 11:54:51 · 95 阅读 · 0 评论 -
css display属性
display属性属性 作用 display:none; none值表示隐藏元素,在页面不占位置 display: block; 将行级变块级元素 display: inline; 将块级元素改成行级元素 display: inline-block; 有行级元素和块级元素的特点,可以设置宽高以及外边距,不会独占一格 块级元素:1)块级元素独占一行2)块级元素可以设置宽高3)块级元素默认宽度占一行,默认高度为0但可以由内容撑开4)块级元原创 2021-11-24 11:54:02 · 76 阅读 · 0 评论