
html
清清1992
移动开发
展开
-
1 html基础
一、web标准1:w3c万维网联盟组织 用来制定web标准的机构(组织)2:web标准:制作网页要遵循的规范3:web标准规范的分类: 结构标准 表现标准 行为标准4:结构: html 表现: css 行为:javascript web标准总结: 结构标准:相当于人的身体 ...原创 2018-04-17 14:36:53 · 1255 阅读 · 0 评论 -
8 css基础6
1、标签包含规范◆div可以包含所有的标签。◆p标签不能包含div h1等标签。◆h1可以包含p,div等标签。◆行内元素尽量包含行内元素,行内元素不要包含块元素。2、规避脱标流由于浮动,定位都脱离了标准流,会对网页布局造成一定的影响,在以后的网页布局中优先考虑:标准流,浮动,定位 使用margin-left:auto 规避脱标margin-left:auto 让盒子左侧充满 ma...原创 2018-05-14 11:53:40 · 268 阅读 · 0 评论 -
盒子模型相关问题
1、理解三个宽度和高度(1)、内容的宽度和高度 就是通过width和height属性设置的宽度和高度(2)、元素的宽度和高度 宽度= 左边框 + 左内边距 + width + 右内边距 + 右边框(3)、元素空间的宽度和高度宽度 = 左外边距 + 左边框 + 左内边距 + width + 右内边距 + 右边框 + 右外边距2、盒子 box-sizing属性 (1) css3中新增了一个...原创 2018-04-27 15:33:13 · 337 阅读 · 0 评论 -
7 css基础5
定位流排版方式定位方向: left |right | top | bottom1.1 相对定位 position: relative; 相对定位就是相对于自己以前在标准流中的位置来移动 相对定位注意点: 1、相对定位是不脱离标准流的,会继续在标准流中占用一份空间。 2、在相对定位中同一个方向的定位属性只能使用一个。比如使用了left,就别...原创 2018-05-11 11:36:25 · 172 阅读 · 0 评论 -
5 css基础三
1、行高1.1 行高的定位行高是基线与基线之间的距离★ 浏览器的默认文字大小:16px★ 行高 = 文字高度 + 上下边距 。 文字在行高中默认是垂直居中的。★ 想要一行文字在盒子中垂直居中,那么只需要设置这行文字的“行号等于盒子的高”即可。★ 在企业开发中如果一个盒子有多行文字,只能通过设置padding来让文字居中。1.2 行高的单位行高的单位有:px em % 具体数值★ 单位除了p...原创 2018-04-25 14:44:38 · 287 阅读 · 0 评论 -
6 css基础4
1. 网页布局方式 网页的布局方式其实就是浏览器是如何对网页中的元素进行排版的。 1.1 标准流(文档流/普通流)排版方式 ☆ 浏览器的默认的排版方式就是标准流的排版方式 ☆ 在css中将元素分为三类,分别是块级元素、行内元素、行内块级元素。 ☆ 在标准流中有两种排版方式,一种是垂直排版,一种是水平排版。 垂直排版,如果元...原创 2018-05-03 10:08:25 · 169 阅读 · 0 评论 -
4 css基础二
一、样式表书写位置◇ 内嵌样式表<head> <style type="text/css"> /*书写样式*/ </style></head>◇外链样式表<link rel="stylesheet" href="1.css"/>◇行内样式表<h1 style="font原创 2018-04-24 09:50:14 · 208 阅读 · 0 评论 -
3 css基础一
CSS的定义•什么是CSS?–CSS指层叠样式表 (Cascading Style Sheets)–CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。–CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同...原创 2018-04-23 11:25:19 · 294 阅读 · 0 评论 -
2 html基础
Meta标签介绍meta 的属性有两种:name和http- equiv name属性主要用于描述网页,对应于content(网页内容) 1、<meta name="generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等;2、<meta name="keywords" contect="">向搜索原创 2018-04-17 16:35:51 · 384 阅读 · 0 评论