有时候在网页设计中会涉及到很多看上去很繁琐的设计图，这时候都会很让人头疼，那么这时候伪类就可以来帮助你解决问题了。 下面有一段实例大家可以参考一下； 1 ! DOCTYPE html 2 html 3 head 4 meta charset ="UTF-8" 5 title / title 6 / head 7 style type ="text/c...

2018-06-24 01:41:00

margin属性用来使用设置外边距，大多数情况使用正值，但是一些稍复杂的定位就会使用到负值，所以对margin属性的正负值理解是有必要的，本文同时解释了margin-right和margin-bottom没有效果的原因以及解决方法。 1、“margin-left”属性 margin-left属性设置元素的左边...

2018-06-24 01:40:52

1、 定位 核心代码实现请看示例代码中的注释： ! DOCTYPE html html lang ="zh" head meta charset ="UTF-8" / title CSS水平垂直居中实现方式--定位实现 / title style type ="text/css" * { margin : 0 ; padding : 0 ; } .p { /* 父元素为除了static以外的定位方式...

2018-06-24 01:40:45

水文一篇～～ 缘由 最近有园友问到本博客的主题是怎么弄，其实也是参考其他的博客捣弄一些CSS、JS，前端咋咋，并没啥技术含量，有需要的同学可以拿去用。简单起见，直接把设置的代码全盘贴出来了。 第一步 进入博客设置界面 主题是基于博客模版BlueSky修改的，需要选择...

2018-06-24 01:40:39

一、字体样式 ! doctype html html head style div { color : #000 ; font-family : '微软雅黑','宋体' ; font-weight : 900 ; /* 这是没有单位的 */ font-style : italic ; /* oblique */ font-variant : small-caps ; /* 小型大写字母：全部大写 */ /* 字体复合样式...

2018-06-24 01:40:35

HTML提供了5种空格实体（space entity），它们拥有不同的宽度，非断行空格（nbsp;）是常规空格的宽度，可运行于所有主流浏览器。其他几种空格（ensp; emsp; thinsp; zwnj;zwj;）在不同浏览器中宽度各异。 nbsp; 它叫不换行空格，全称No-Break Space，它是最常见和我们...

2018-06-24 01:40:13

代码详讲： !DOCTYPE html html head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title用户注册/title /head body form action="http://www.baidu.com" label for="account"用名：input type="text" value="zhangwen" name="username" id="...

2018-06-24 01:40:16

text-align:center; height: 30px; line-height:30px;...

2018-06-24 01:40:22

一、CSS概述 css ( cascading style sheets ) 层叠样式表,可以轻松设置网页元素的显示、位置和格式外,甚至还能产生滤镜,图像 淡化,网页淡入淡出的渐变效果,简而言之,css就是要对网页的显示效果实现与word 一样的排版控制。 DIV+CSS 标准的叫法 xhtml+css //XHTML 指扩...

2018-06-24 01:40:14

一、首先是喜闻乐见的position方法，经典且万能，用法如下： 1 父元素{ 2 position:relative; 3 } 4 子元素{ 5 position:absolute; 6 top:50%; 7 left:50%; 8 margin-top:/*该元素height*0.5的负值*/; 9 margin-left:/*该元素width*0.5的负值*/; 10 } 不需要水平居中可...

2018-06-24 01:40:02