之前对CSS没有任何的了解，刚入门的时候感觉也很难，老师从最基础的知识点开始讲，先讲html里的代码，再讲CSS里的代码，如：文本样式，图像效果，背景效果，CSS盒子模型，盒子的浮动与定位，CSS设置表格样式等等。那么多的知识点学的时候我特别担心，因为怕记不住，切图的时候怕不知如何下手。等老师把所有的知识点都讲得差不多，开始讲切图案例的时候，老师清晰的思路彻底的征服了我。切图之前先分析图，一个网页
原创
2015-01-10 16:08:53
377阅读
如果你经常活跃在一些社交网站上，那么你肯定会看到过很多形式各异的分享按钮，目前由于HTML5和CSS3的普及，很多分享按钮也都应用了CSS3样式，甚至会有很多带有动画的CSS3分享按钮。本文就向大家介绍了9款经典华丽的CSS3分享按钮，以及它们的源代码，希望能给各位开发者带来一定的帮助。1.jQuery/CSS3实现超酷的分享按钮今天要分享的这款分享按钮是基于CSS和jQuery的，按钮比较大，非
制作过网页的人都有为画线而烦恼的经历，先来认识一下“Border”（画边框），它是CSS的一个属性，用它可以给能确定范围的HTML标记（如TD、DIV等等）画边框，它可以定义边框线的类型、宽度和颜色，利用这个特性，可以制作一些特殊效果。下面把通过实例来说明其应用技巧。 1、给文本加边框 上面的示例中，给一段文字加了不同的边框，只是为了说明边框线的颜色、粗细是可变的。
http://www.cnblogs.com/rainman/archive/2011/08/05/2128068.html
转载
精选
2012-06-10 19:29:15
722阅读
font-size: 12px line-height: 16px font-size: 14px line-height: 19px font-size: 16px line-height: 21px font-size: 18px line-height: 24px font-size: 20p ...
转载
2021-08-11 18:44:00
788阅读
2评论
博客已经迁移至 萌萌的IT人 ，谢谢支持--------------------------------------------------.left{ width:100px; height:100pxder:1px solid green; float...
转载
2023-08-24 10:41:10
50阅读
<!DOCTYPE html><html><head> <title></title> <style type="text/css"> body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0;padding:0
原创
2021-11-16 16:16:35
146阅读
深入理解 CSS 中的行高与基线 1、基本概念 1. 基线、底线、顶线、中线 注意：基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。2. 内容区 内容区是指底线和顶线包裹的区域（行内元素display：inline可以通过background-color属性显示出来）， ...
转载
2021-07-28 00:49:00
323阅读
2评论
.cont-detail ul li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; ...
原创
2022-04-21 15:12:28
112阅读
视频背景有一些官方网站为了弘扬他们的企业文化，往往会拍一些记录短片。如果能把这些记录短片放在公司的官方网站上，既能体现公司的企业文化又能给网站提供更加绚丽的视觉享受预览效果接下来请看下我制作的一个demo：预览效果：视频全屏背景案例 下载源码：http://chengqige.com/bg/video/index.rar大家可以下载源码进行阅读，关键的部分我都做了详细的注释核心代码展示css部分*
转载
2024-07-30 16:50:43
126阅读
行高属性语法：line-height:数字px;代表的一行的高度，放在段落中，可以理解为是行距总结： 1.文字在行高中是垂直居中的 2.行高通常用于让文字在盒子中垂直居中...
原创
2021-08-18 02:05:07
251阅读
谓行高是指文本行基线间的垂直距离。要想理解这句话首先得了解几个基
转载
2013-08-05 09:48:00
256阅读
2评论
行高属性语法：line-height:数字px;代表的一行的高度，放在段落中，可以理解为是行距总结： 1.文字在行高中是垂直居中的 2.行高通常用于让文字在盒子中垂直居中...
原创
2022-03-02 17:47:59
121阅读
行高继承性(HTML、CSS)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS行高继承性</title> <style> b
原创
2022-10-20 10:10:25
137阅读
1. 基线、底线、顶线
2. 行距、行高
3. 内容区
4. 行内框
5. 行框
元素对行高的影响
扩展阅读
1. 基线、底线、顶线
行高指的是文本行的基线间的距离。
基线并不是汉字的下
转载
精选
2012-06-22 11:48:44
1477阅读
语法： calc() = calc(四则运算) 说明：
转载
2020-01-15 17:51:00
310阅读
2评论
一、css宽高自适应： 1.宽度自适应： 元素宽度设为100%（块状元素的默认宽度为100%） 注：应用在通栏效果中 2.高度自适应： height:auto;或者不设置高度 3.最小，最大高度，最小，最大宽度： a)最小高度 min-height:value; IE6不识别min-height属性，解决方案如下：&n
转载
2023-12-13 12:15:40
322阅读
