imfs12-CSDN博客

原创 rem

1.rem基础rem单位rem (root em)是一个相对单位，类似于em , em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如，根元素( html ）设置font-size=12px;,非根元素设置width:2rem;则换成px表示就是24px.rem的优点就是可以通过修改html里面的文字大小来改变页面中元素的大小可以整体控制。2.媒体查询2.1什么是媒体查询媒体查询(Media Query )是CSS3新语法。使用@med.

2021-05-14 15:50:46 132

原创 Emmet--head中meta字符集的生成

meta:utf + tab键生成：<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> meta:vp +tab键生成：<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 浏览器...

2021-02-23 14:19:52 137

原创 flex布局

常见父项属性以下由6个属性是对父元素设置的flex-direction :设置主轴的方向 justify-content:设置主轴上的子元素排列方式 flex-wrap:设置子元素是否换行 align-content :设置侧轴上的子元素的排列方式(多行) align-items :设置侧轴上的子元素排列方式(单行) flex-flow :复合属性，相当于同时设置了flex-direction和flex-wrapflex-direction设置主轴的方向★主轴与侧轴 ...

2021-02-23 14:12:51 91

原创 CSS基础（2）

1 CSS 的复合选择器1.1 后代选择器后代选择器又称为包含选择器，可以选择父元素里面子元素。其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。当标签发生嵌套时，内层标签就成为外层标签的后代。元素1 元素2 { 样式声明}上述语法表示选择元素1 里面的所有元素2 (后代元素)ul li { 样式声明} /* 选择ul 里面所有的li标签元素*/元素1 和元素2 中间用空格隔开元素1 是父级，元素2 是子级，最终选择的是元素2 元素2 可以是儿子，也可以是孙.

2021-02-23 10:00:06 224

原创 CSS基础 1

1. CSS语法规范使用HTML时，需要遵从一定的规范，CSS也是如此。要想熟练地使用CSS对网页进行修饰，首先需要了解CSS样式规则。CSS 规则由两个主要的部分构成：选择器以及一条或多条声明。选择器是用于指定CSS样式的HTML标签，花括号内是对该对象设置的具体样式属性和属性值以“键值对”的形式出现属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等属性和属性值之间用英文“:”分开多个“键值对”之间用英文“;”进行区分<head> <.

2021-02-22 17:14:01 217

原创 HTML标签

HTML基本语法概述HTML 标签是由尖括号包围的关键词，例如<html>。 HTML 标签通常是成对出现的，例如<html> 和</html> ，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。有些特殊的标签必须是单个标签（极少情况），例如<br />，我们称为单标签HTML 基本结构标签HTML常用标签1.标题标签：<h1>----<h6>2.段落标签：<p>&...

2021-02-22 12:08:05 256

原创流式布局(百分比布局)

流式布局，就是百分比布局，也称非固定像素布局。通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充.流式布局方式是移动web开发使用的比较常见的布局方式。max-width最大宽度( max-height最大高度) min-width最小宽度（ min-height最小高度)一个简易的移动端京东的页面，源代码见github...

2021-02-06 18:13:04 157

原创移动端WEB开发

移动端WEB开发移动端得基础移动端浏览器我们主要对webkit内核进行兼容我们现在开发的移动端主要是针对手机开发现在移动端碎片化比较严重，分辨率和屏幕尺寸大小不一用谷歌浏览器模拟手机页面以及调试视口视口就是浏览器显示页面内容的屏幕区域视口分为布局视口、视觉视口和理想视口我们移动端布局想要的是理想视口就是手机屏幕有多宽，我们的布局视口就有多宽想要理想视口，我们需要给我们的移动端颍面添加meta视口标签<meta name="viewport" content="w.

2021-02-05 15:57:32 117

imfs12的博客