![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css样式
乾❈ 易直
一个学习html5、CSS、js、Java、mysql、PHP的萌新
展开
-
css音频和视频及flex布局第十次学习
一、音频 source:源 src:音频路径 controls:控制 autoplay:自动播放 loop:每当音频结束时重新开始播放。 muted:音频输出为静音。 preload auto metadata(加载元数据) none(不加载):规定当网页加载时,音频是否默认被加载以及如何被加载。 src URL:规定音频文件的 URL。 代码片段: <audio controls="controls" autoplay="autoplay loop="loop" muted="muted">原创 2020-12-21 14:28:25 · 215 阅读 · 0 评论 -
背景/第九次学习
一、background background-color: burlywood;(背景颜色) background-image: url(…/img/r_dj.png);(背景图片) background-repeat:no-repeat ;(背景图像重复/不重) background-position:50%;(背景图像位置:方位名词) background-attachment:fixed ;(图片滚动) background-repeat: no-repeat;(图片重复与否) background原创 2020-12-14 14:15:45 · 88 阅读 · 0 评论 -
浮动与定位第八次学习
一、浮动 1.float:none(不浮动) 2.left:左浮动 3.right:右浮动 清除浮动 1.父级添加overflow:hidden属性 2.父级添加after伪元素: .clearfix:after{ content:"" display:block; clear:both; visibility:hidden; } 兼容IE6/7 .clearfix{ *zoom:1; } 3.父级元素添加双伪元素 .clearfix:before, .clearfix:after{ content:"";原创 2020-12-02 09:29:27 · 86 阅读 · 1 评论 -
css元素第七次学习
一、块级元素(block) 1.可以独占一行 2.可以设置width/height 3.默认width是父级元素宽度的100% 4.块级元素里可以放块级元素和行内元素 .tag { background-color: wheat; width:100px; height:100px; } 二、行内元素(inline) 1.一行可以显示多个 2.width/height设置无效 3.width默认内容的宽度 4.行内元素只能放文字或者其他行内元素 .tag{ background-color:wh原创 2020-11-24 14:49:45 · 102 阅读 · 0 评论 -
css第六次学习
盒子模型的组成 border:边框 padding/margin:内外边距 top:上 right:右 bottom:下 left:左 border:10px blueviolet solid; /*边框:border:边框的粗细 边框的颜色 边框的样式; * solid:实线 * dashed:虚线 ...原创 2020-11-23 10:41:34 · 222 阅读 · 0 评论 -
第五次学习/CSS3
CSS入门(标记语言) 一.Web标准的构成(结构写到HTML文件中,表现写到CSS文件中,行为写到Javascript) 1.HTML(结构类似身体) 2.CSS(表现类似外观装饰/层叠样式表)/CSS样式表、级联样式表,用来设置HTML页面中的文本内容、图片的外形、以及版面的布局和外观显示样式。 3.JavaScricpt(行为类似动作) CSS样式 1.内联样式:用标签的style属性实现 <p style="font-size:24px; color:red;">黄河之水天上来</原创 2020-11-16 11:27:06 · 106 阅读 · 0 评论