随笔分类 - html+css笔记
摘要：扩展容器层高度： 父标记没有设置高度，子标记设置了浮动时，父标记的高会比内容高度小，造成页面不美观，必须想办法扩展其高度 1.用clear样式扩展高度 方法：在父标记中添加一个空的div标记，并设置样式 clear:both; margin:0px; padding:0px; 2.用overflow
阅读全文
摘要：盒子模型尺寸： 盒子宽的尺寸=border+padding+margin+width块级元素和内联元素区别： 块级元素宽自动占满整行，内联元素不会 内联元素可以嵌在块级元素中，反之不可以 div和span的区别： div：内部可以嵌套任何元素，一般用于网站布局，或局部排版 span：可以嵌套内联元素
阅读全文
摘要：盒子模型： 浏览器会将html每个元素都看做是一个矩形的盒子 边框：border ：粗细 类型 颜色 /上下左右 border-color:上 右 下 左 border-color:上下 左右 border-style: border-width; border-top： border-right：
阅读全文
摘要：css样式：超连接伪类： a:link 访问前 a:visited 访问后 a:hover 鼠标悬浮时鼠标形状： cursor: pointer 小手形状层 div标记 1.网站布局 2.网站内容排版 width： 宽度 height：高度背景： background: background-col
阅读全文
摘要：一、css样式 字体样式： 1.font-famliy:字体类型 可以设多个类型用“,”隔开， 应用是先从第一个应用 ，如果该文字没有该字体，就应用第二个字 体依次类推。 2.font-size:字体大小 单位：px ：根据屏幕分辨率计算单位 em ：相对单位，相对于当前文字的大小计算 3.font
阅读全文
摘要：css引入方式： 1、内部样式 style标记 在head标记中 应用范围：当前整个页面中应用 2、行内样式 style属性 <p style="color:black; font-size:24px">行内样式</p> 应用范围：指定的标签内应用，优先级高于内部样式 不太推荐用这种方式 3、外部样
阅读全文
摘要：一、css: 是层叠样式，用于美化修饰页面的二、html与css的区别 html作用： 决定了网页的内容和结构 css作用： 美化网页，具体说是美化修饰html标记三、css语法： 选择器{ 属性1：值1； 属性2：值2； } 四、基本选择器： html标记选择器、类选择器、id选择器html标记选
阅读全文
摘要：一、html基本结构 文件后缀 ：.html 或htm 首页：index.xxx或 defalt.xxx<html><head><title >标题</title><meta name="keywords" content="用逗号隔开的关键字" ></meta> //关键字<meta http-e
阅读全文
