CSS
文章平均质量分 57
枫雨血痕
初阶农民工,欢迎各位大佬互相探讨IT技术心得体会。
展开
-
清除浮动
浮动的目的:把多个盒子放在一行上清除浮动的目的:解决父盒子高度为0的问题清除浮动,也称闭合浮动注:本文不兼容IE6原代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>清除浮动</title> <style type=&am原创 2018-05-17 18:07:21 · 1640 阅读 · 0 评论 -
小技巧之利用position属性实现内嵌背景
思路:利用定位属性position实现主要内容下含一张大的背景图。首先,建立一个类名为bg的div用于存放背景图片,该背景图片是这个div下a标签的背景,这样这个背景就可以点击跳转。然后建立和该div为兄弟节点的另一个div,类名为content,类名为content的div用于实现各种具体页面;要实现背景图片不占位置,使用定位position:absolute;因为如果它占位置,那么具体内容(类...原创 2018-05-22 09:47:13 · 511 阅读 · 0 评论 -
小技巧之向下箭头
思路:使用◇符号(可在输入法的软键盘找到该符号),使用定位选择位置,并隐藏溢出的上半部分细点:1.使用i标签的楷体属性把◇变大2.给i只有◇符号一半的高度,并隐藏溢出,正常显示一个向上箭头3.对s使用绝对定位,使用top属性并为负值使i容器显示向下箭头<!DOCTYPE><html><head> <meta charset="utf-8">...原创 2018-05-16 22:12:56 · 4405 阅读 · 0 评论 -
盒子模型浅析
这篇文章总结了有关盒子模型的知识,助于梳理知识首先,什么是盒子模型我们知道,html文档中,基本上每个元素都可以看作一个盒子,我们称之为盒子模型。盒子模型的组成盒子模型包含四个重要的部分:content(width、height):盒子内容宽高padding:内边距(填充)border:边框margin:外边距重点:对于盒子来说,设置的宽高和真实占有宽高是不一样的如图(一般我们以标准盒子模型为主学...原创 2018-06-07 21:32:34 · 188 阅读 · 0 评论