摘要:
JS的编写位置 1、可以将JS代码编写到标签的onclick属性中↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional 阅读全文
摘要:
JS中的HelloWord 第一步还是先建一个.html的文件↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d 阅读全文
摘要:
定位 css布局:盒模型、浮动、定位 、这些都是最重要的布局属性。 辅助功能属性:a、文本、背景等等,为了让页面更加美观。 定位:相对定位、绝对定位、固定定位。 概念:元素位置相对于某一参考物进行的位置的偏移。 脱标:浮动、绝对定位、固定定位。 1、相对定位 相对定位:元素相对于自身进行的位置偏移。 阅读全文
摘要:
background背景 background是一个复合属性, 1、background-color背景色 渲染位置:border及以内。 属性值:十六进制,rgb,rgba,颜色名。 简单的导航栏布局↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr 阅读全文
摘要:
html结构:超级链接a 1、a的四个状态 a标签与其他标签不同,它有四个显示状态,可以设置不同的显示样式,代码↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/ 阅读全文
摘要:
做一个这个效果↓ 代码↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="ht 阅读全文
摘要:
清除浮动 1、浮动存在的问题 a) 浮动的元素不能撑高父级,代码↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. 阅读全文
摘要:
浮动 浮动:float 漂流的意思。 作用:让元素以某一方向并排排列。 浮动的特殊效果:元素脱离标准流,既可以设置宽高,又可以一行排列。 属性值:left,right 左浮动:float: left; 从第一个元素依次去贴父元素的左侧边。代码↓ <!DOCTYPE html PUBLIC "-//W 阅读全文
摘要:
标准文档流 常用的Word文档就是一个经典的标准文档流,内容必须是从上往下,从左往右书写的,有一个光标控制,前面的大小或者内容发生变化,后面的内容会跟着发生一些位置变化。 制作的html网页就是一个标准文档流。 1、从微观上有特殊的性质 1)html文本之间有空白折叠现象。 2)文字、图片、表单元素 阅读全文
摘要:
父子盒模型 子盒子的整体占位不能超过父盒子的内容区域 父盒子的内容区域宽度≥子盒子width+padding*2+border*2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR 阅读全文