Html
文章平均质量分 83
前端入门基础,小白必备!
啵啵丶
https://blog.csdn.net/fhsbvs
展开
-
手把手教你设置常用字体属性
文章目录一、CSS常见设置字体属性二、使用方法1.font-family2.font-size3.font-weight4.font-style总结学习内容:一、CSS常见设置字体属性css设置字体常用属性:1.定义文本字体:font-family2.定义文本大小:font-size3.设置字体粗细: font-weight4.设置文本的风格:font-style二、使用方法1.font-family(设置字体为微软雅黑,推荐用英文写法,兼容性更好)代码如下(示例): h1 {原创 2021-07-27 23:06:25 · 4535 阅读 · 3 评论 -
HTML5的新特性
文章目录一、新的语义化标签二、新的多媒体标签1.音频 < audio >2.视频 < video >三、新的input类型四、新的表单属性一、新的语义化标签< header >:头部标签< nav >:导航标签< article >:内容标签< section >:定义文档某个区域< aside >:侧边栏标签< footer >:尾部标签注意:1.这种语义化标签主要是针对搜索引擎的2..原创 2021-08-09 17:17:19 · 97 阅读 · 2 评论 -
初步了解定位用法
文章目录前言一、定位的组成1.定位的用法2.定位模式常用值3.相对定位和绝对定位的重要用法二、代码总结前言实际开发中,一个页面基本都包含三种布局方式: 先用标准流的父元素排列上下位置,之后内部子元素采取浮动排列左右位置,如果想让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,这时就用到了第三种布局方式,定位.一、定位的组成定位=定位模式(用于指定一个元素在文档中的定位方式)+边偏移(决定了该元素的最终位置)1.定位的用法选择器 {position: relative;top: 1.原创 2021-08-09 17:16:35 · 185 阅读 · 1 评论 -
H5C3进阶新篇章————移动端开发(基础篇)
文章目录前言一、移动端常见二倍图做法1.为什么要二倍图?2.二倍图的使用3.二倍图使用前后效果二、单独移动页面开发1.流式布局(百分比布局)2.flex弹性布局(推荐)(1) 常见父项属性① flex-direction: 设置主轴的方向② justify-content: 设置主轴上的子元素排列方式③ flex-wrap: 设置子元素是否换行④ align-content: 设置侧轴上的子元素的排列方式(多行)⑤ align-items: 设置侧轴上的子元素排列方式(单行)(2) 常见子项属性① flex原创 2021-08-17 10:23:44 · 460 阅读 · 18 评论 -
H5C3进阶新篇章——移动端开发(基础篇2)
文章目录前言一、单独移动端页面1.less + rem+媒体查询布局1.1 什么是rem?1.2 less的介绍1.3 媒体查询二、响应式兼容PC移动端1.媒体查询2.bootstarp2.1Bootstrap使用四步曲:2.1.1 创建文件夹结构2.1.2创建html骨架结构2.1.3引入相关样式文件2.1.4书写内容2.2 栅格系统2.2.1 栅格选项参数2.2.2 列嵌套2.2.3 列偏移2.2.4 列排序2.2.5 响应式工具前言这是我分享移动端开发基础篇的第二篇,是承接上文的,补充上文还未提原创 2021-08-23 11:35:47 · 199 阅读 · 5 评论 -
带你领略3D转换的魅力~
文章目录一、什么是3D?二、3D转换的常用属性1.3D位移:translate3d(x,y,z)2.3D旋转:rotate3d(x,y,z)3.透视:perspective4.3D呈现:transform-style总结一、什么是3D?与平面坐标系的2D相比,3D是三维坐标系,除了有X轴和Y轴,还多了垂直屏幕的Z轴,它的特点就是近大远小、物体后面遮挡不可见。所以有了3D就能使图片动画变得立体生动,下面就让我们来看看它的几个常用属性吧~二、3D转换的常用属性1.3D位移:translate3d(x,原创 2021-08-11 21:23:34 · 261 阅读 · 7 评论 -
生活资讯网知识点总结
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据.原创 2021-08-28 11:17:37 · 143 阅读 · 9 评论