加载中…
个人资料
HTML教程
HTML教程
  • 博客等级:
  • 博客积分:0
  • 博客访问:124,687
  • 关注人气:34
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
博主文章提示
  • HTML与CSS正在更新

  • html、DIV+CSS全部教程正在更新中
    每日教程稳定更新中......
    来一个HTML纯静态网页吧!
网站设计案例

触摸一体机
广州触发科技电子有限公司


饭堂承包
广州旺记饮食管理有限公司


广州食堂承包
广东八月八餐饮管理有限公司


广州快餐配送
广州向太太餐饮有限公司


深圳蔬菜配送
深圳佳惠鲜农副产品有限公司

友情链接
留言
加载中…
评论
加载中…
访客
加载中…
HTML教程

HTML与 CSS 的运用

  • 一个排名靠前的网站必定离不HTML标签代码的优化
  • 一个外观好看的网页更是离不DIV+CSS样式的布局
  • HTML与CSS相结合,不仅能让我们出精简美观的网页,
  • 还能用于许多其他领域的布局排版及文章编辑,
  • 如:新浪、网易中的自定义及源码发布文章;
  • 淘宝店铺首页及宝贝详情页的装修;
  • QQ空间日志里无法实现的文章效果等;
  • 如果你问我,HTML 难学吗?我会告诉你一点也不难,
  • 把你的十分心拿出三分来学习即可,
  • 如果你连一分心都没有,那当我没说...
  • 在本教程中,我将用最简易的方法,
  • 教会你html+css最详细的法,喜欢的朋友记得加个关注哦!
CSS教程…
标签:

letter-spacing

分类: CSS教程
在做网页时,有时候我们会觉得文字间的间距太密,想让字与字之间分开一点,是否可以用CSS实现?答案是肯定的,在CSS中,用letter-spacing属性就能控

制文字之间的间距。

letter-spacing 属性增加或减少字符间的空白(字符间距)。
该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。因此,normal 就相当于值为0。

注释:允许使用负值,这会让字母之间挤得更紧。

应用实例:   
HTML代码:‹div class='text'›控制文字之间的间距‹/div›
  CSS代码 :.text {letter-spacing:10px}

预览效果如下:

 控制文字之间的间距
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

last-child

分类: CSS教程
last-child 选择器用来匹配父元素中最后一个子元素。意思就是指定倒数第一个(最后一个)对象设置CSS样式。请看以下代码举例:


上面代码中创建了一个 ul 列表,列表里设置了三个 li 标签。
在CSS中,为 ul 规定了总宽度是1002像素,其中每个li标签的宽度是314像素,那么三个li标签就是942像素。
然后每个 li 标签都有一个右边30像素的外边距,三个 li 标签一共是90像素。这个时候 li 标签加上三个边距的总宽等于1032像素。很显然超过了父元素 ul 的总宽。这样三个 li 就没法在一排显示了,第三个会掉
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

box-sizingborder-bo

-moz-box-sizingbord

-webkit-box-sizingb

分类: CSS教程
box-sizing:border-box:为元素设定的宽度和高度决定了元素的边框盒。就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。

如果上述的内容还不是太明白,我们就来举个例子:
· 比如插入一个DIV,这个DIV的宽度设置为200像素,高度也设置为200像素;那么这个DIV就是宽200px,高200px;
· 下面我们为这个DIV的上下左右分别增加10的像素,即padding:5px;那么这个时候这个DIV的宽就会变成210px,高同样也是210px
· 若再给这个DIV加上一个15像素的边框,那个这个DIV也就会继续扩大,变成了宽240px,高也是240px。该DIV的CSS代码如下:

div {width:200px; height:200px; border:solid 1em #DD1F22; box-sizing:border-box;padding:5px}

预览效果如下:

CSS3中box-sizing:border-box代码举例

而box-
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

padding0

margin0

分类: CSS教程
采用*{pading:0;margin:0;}这样的写法好处是写起来很简单,但是*是通配符,需要把所有的标签都遍历一遍,当网站较大时,样式比较多,这样写就大大的加强了网站运行的负载,会使网站加载的时候需要很长一段时间,因此一般大型的网站都有分层次的一套初始化样式。

常用的reset.css

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
*:before,
*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form,fieldset,legend,input,button,textarea,p,blockquote, th, td {margin: 0;padding: 0;}
body {background: #fff;color: #555; font-size: 14px; font-family: 'Arial', 'Microsoft YaHei', '黑体', '宋体', sans-serif;} td, th, caption {font-size: 14px;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
HTML标签…

select标签,option标签

2016-08-22 23:51

form表单

2016-08-17 23:32

iframe标签

2016-08-12 00:58

书签链接

2016-08-11 00:00

a标签_超链接

2016-08-10 00:08

  

新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

新浪公司 版权所有