起风了

文章目录相对定位 position: relative;特性用途绝对定位 position: absolute;绝对定位参考点单独盒子绝对定位参考点：父辈元素设置了相对定位，则子元素绝对定位以父辈元素为参考点。绝对定位水平居中固定定位参考点 相对定位 position: relative; <style type="text/css"> .box1{ width: 200p...

文章目录JavaScript简介ECMAScriptJavaScript的引入方式javascript得输出方式：变量五种基本数据类型 JavaScript简介 前端三部分功能定位： HTML:页面的结构 CSS:描述样式 JavaScript：描述行为，用户响应。 JavaScript的组成： ECMAScript :定义了js的语法标准。变量，函数等基础语法。 DOM :操作网页上元素。比如检...

文章目录后代选择器子代选择器交集选择器并集选择器属性选择器伪类选择器 后代选择器 <style type="text/css"> /*后代选择器 外层+空格+内层 div的所有后代中找p标签，设置字体颜色为红色。使用比较频繁*/ div p{ color:red; }...

文章目录导入方法基本选择器1.标签选择器2.id选择器3.类选择器4.通用选择器用法效果 导入方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> &l

（转自 路飞学城 网站） 标签分类 块状元素，行内元素，行内块状元素 常用的块状元素： <div> <p> <h1>~<h6> <ol> <ul> <table><form&

表格标签 table 数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等 图片来源于路飞学城 用法 <table> 表格 <thead> 表格头 <tr> 表格行 &

文章目录特点 特点 1.z-index值没有单位，就是一个正整数，默认的z-index值为0，定义层级遮盖效果，数值较大的显示在前面。 2.只有定位了的元素，相对定位，绝对定位，固定定位，才能有z-index，而浮动元素不能使用z-index。 3.如果没有z-index值，或者z-index值一样,后面的元素层级高，定位了的元素层级高于没有定位的元素。 4.如果是嵌套在两个父盒子里的子...

文章目录HTML介绍标签HTML文档结构HTML中注释的格式:pycharm里基本的html文档结构head标签title标签meta标签http-equiv属性name属性图标body标签标题标签 h1~h6文本样式标签段落标签超链接标签pycharm编辑使用示例：列表标签 ul，olol标签的属性：ul标签的属性：盒子标签图片标签其他标签span标签换行标签分割线标签特殊符号常用的特殊字符： ...

web1.0时代的网页制作，主要是静态网页，没有与用户进行交互而仅仅供读者浏览的网页，缺乏交互性。“网页三剑Dreamweaver+Fireworks+Flash”就是web1.0时代额产物。 从2005年开始，互联网进入web 2.0时代，网页有静态网页和动态网页。 所谓动态网页，就是用户不仅仅可以浏览网页，还可以与服务器进行交互。“网页三剑客Dreamweaver+Fireworks+Flas...

文章目录继承性层叠性注意总结 继承性 <!-- 继承：给父级设置一些属性，子级继承了父级的该属性，这就是css中的继承 有一些属性是可以继承下来， ： color 、 font-*、 text-*、line-* 文本元素 background不能继承 像一些盒子元素，定位的元素（浮动，绝对定位，固定定位）不能继承 --> <style type="text/c...

文章目录小练习美化a超链接颜色背景图 background-image背景图定位 background-position用background-position做css sprite用position调整背景图固定背景图background-attachment 小练习美化a超链接 <style type="text/css"> *{ p..

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"

文章目录1、垂直方向塌陷居中：0 auto再次理解盒子模型，两种方式做出如下效果： 1、垂直方向塌陷 1、只有标准流下垂直方向产生的问题，如果给两个盒子在垂直方向设置margin间隔，以较大的为准，会产生塌陷。 2、盒子标准流左右不会产生，浮动流上下显示或浮动并排左右也不会产生。 如下：盒子1和2之间间距并不是40，而是30； <style type="text/css"> *{...

子元素如果是浮动元素，那父元素一般不设置高度，可能造成布局混乱以后更改麻烦，不设置高度也会出现混乱 <div class="father"> <div class="box1"></div> <div class="box2"></div> <div class="box3&

文章目录先看简单示例看效果：脱标贴靠字围紧凑 先看简单示例 <style type="text/css"> *{ padding:0; margin:0; } .box1{ width: 300px; height:300px; background-color: red; /*加浮动*/ float:left; } .bo...

<!DOCTYPE html> <html lang="en"> <head> <meta cha

文章目录盒模型的属性如图：padding清除默认边距border 盒模型的属性 width：内容的宽度 height: 内容的高度 padding：内边距，边框到内容的距离 border: 边框，就是指的盒子的宽度 margin：外边距，盒子边框到附近最近盒子的距离 如图： padding 设置方法： <style type="text/css"> .box{ width...