1.浮动高度坍塌原因：父元素的高度是被子元素撑开的，当设置浮动后，会脱离文档流，子元素无法撑起父元素，所以导致高度坍塌解决方法.clearfix:before, .clearfix:after{content: "";display: table;clear: both; } 2.父子兄弟联动解决方法1：padding解决方法2：float（但是有条件）解决方法3：position:absolute解决方法4：border解决方法5：overflow: hidden; 3.position相对定位：relative 针对它本身位置的起始点进行了一个...
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<title>Title</title> 6<style> 7 *{ 8 margin: 0;/*重置*/ 9 padding: 0;10}11 body{12 background-color: whitesmoke;/*页面背景色*/13}14 .top{15 width: 100%;16 height: 60px;17 background-color: black;18 padding-left: 100px;19}20 .bo...
CSS 是什么？ CSS是Cascading Style Sheets的简称，中文称为层叠样式表。定义如何显示HTML的元素。 CSS样式由两个组成部分：选择器和声明。声明由大括号包裹，声明又包括属性和属性值。每个声明之后用分号结束。CSS 四种引入方式：1.行内式 行内式是在标签的style属性中设定CSS样式。2.选择器 原文：https://www.cnblogs.com/liusouthern/p/8516109.html
第11章 CSS3布局基础【学习重点】了解CSS2盒模型。设计边框样式。设计边界样式。设计补白样式。了解CSS3盒模型。11.1 CSS盒模型基础页面中所有元素基本显示形态为方形的盒子（Box），根据盒模型规则，网页中所有元素对象都被放在一个盒子里，设计师可以通过CSS来控制这个盒子的显示方式。11.1.1 盒模型结构Box具有如下特点：每个盒子都有：边界、边框、填充、内容4个属性。每个属性都包括4个部分：上、右、下、左。属性的四部分...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>什么什么Ａｐｐ</title></head><head><body><a href="">首页</a><a href="">下载ａｐｐ</a>搜索:<input></nav><style type="text/css">p{color:red;}</style><body><p>什么什么什么 </p></body><div id="container" style="width:400px "... ><div id="header" style="background-color:#FFA500;"><h2 align="center" style="margin-bottom:0;">登录</h2><div...
本章内容：简介CSS 定义四种引入方式样式应用的顺序选择器（Selector）* 通用元素选择器标签选择器class 类选择器# ID选择器, 多元素选择器 后代元素选择器子元素选择器' ref='nofollow'>> 子元素选择器+ 毗邻元素选择器[] 属性选择器伪类选择器常用属性颜色属性（color 、transparent、opacity）字体属性（font-style、 font-weight、font-size、 font-family、font）文本属性（white-space、direction、text-align、line-height、...
伪类选择器：伪类是直接在元素后面加“:”,例如a:hover,可直接在css中用而不用在html中像类一样定义,因为是浏览器预先设定好的。a一般顺序是:a:link{} 未访问状态链接a:visited{}已访问状态链接a:hover{}鼠标悬停上时状态还有其他伪类,如first-child对应第一个子元素,last-child最后一个子元素,nth-child(even/2n)第偶数个子元素,nth-child(odd/2n+1)第奇数个子元素。 盒模型的定义： css将每个元素都看做一个盒子,包括以下属性...
制作自己的导航条。HTML头部元素：<base> 定义了页面链接标签的默认链接地址<style> 定义了HTML文档的样式文件<link> 定义了一个文档和外部资源之间的关系练习样式表：行内样式表内嵌样式表外部样式表分别练习定义三类选择器：HTML 选择器CLASS 类选择器ID 选择器 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>MIS问答平台</title><style type="text/css">a{font:"宋体";color:LightSkyBlue;font-size...
1.制作自己的导航条。HTML头部元素：<base> 定义了页面链接标签的默认链接地址<style> 定义了HTML文档的样式<link> 定义了一个文档和外部资源之间的关系练习样式表：行内样式表内嵌样式表外部样式表分别练习定义三类选择器：HTML 选择器CLASS 类选择器ID 选择器<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>欢迎你，请先登陆！</title><base href="http://www.baidu.com"/><base target="_blank"><link ...
标签：<div><span css属性：width,height,padding:上下 左右; margin:上 右 下 左;position:absolute/relative/fixed/static; <p> css属性：font-family,font-size,font-weight,font-style,color,text-decoration,text-align:justify;letter-spa...
网页元素按照类型分为三种类型块状元素（div p ul h1 等）内联元素（span label a strong em 等）内联块状元素（img input 等）块状元素的特征是独占一行，之后的元素也会另起一行，不过块状元素可以通过display:inline,设置为内联元素。内联元素是在一行中，通过display：block设置为块状元素。display：inline-block将元素设置为内联块状元素inline-block元素的特点是1：和其他元素都在一行上，2：元素的高度、宽度、行高以及顶和...
1.css基础 selector {property: value} eg:h1 {color:red; font-size:14px;}p {text-align: center;color: black;font-family: arial; }<CODE style=‘margin: 0px; padding: 0px; border: 0px currentColor; color: rgb(0, 0, 221); font-family: "Courier New", Courier, monospace;‘>h1,h2,h3,h4,h5,h6 {color: green;}希望列表中的 strong 元素变为斜体字，而不是通常的粗体字，可以这样定义一个派生选择器：<CODE style=‘...
一、基础法则：类名的第一个字符不能使用数字，否则无法在Firefox中起作用；不要在属性值和单位之间留空格，否则在Firefox或Netscape中无法正常工作。 二、背景(background)：background-color不能继承，默认值是transparent。若一个元素未指定背景色，其背景为透明，其祖先元素的背景则可见，由此显现出来；background-position中若只出现一个关键字，则默认另一个是center；若只提供一个百分数，所提供的值作为水平值，垂直值默认...
CSS指层叠样式表(Cascading Style Sheets)，CSS 是标准的布局语言，用来控制元素的尺寸、颜色、排版。CSS 由 W3C 发明，用来取代基于表格的布局、框架以及其他非标准的表现方法。样式 (style) 定义如何显示 HTML 元素；样式通常存储于样式表中；外部样式表存储于 CSS 文件中。CSS可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。简单一句话：CSS将网页内容和显示样式进行分离，提高...
CSS的属性，其中一个分类是有继承性和无继承性。总结一下父元素的哪些属性是会继承给其子元素的，单纯加深印象，有用得到的时候方便回来瞅瞅。下面的总结内容来自：https://www.cnblogs.com/thislbq/p/5882105.html有继承性的属性1、字体系列属性font：组合字体font-family：规定元素的字体系列font-weight：设置字体的粗细font-size：设置字体的尺寸font-style：定义字体的风格font-variant：设置小型大写字母的字体显示文本，这意...