网页中的select下拉列表，文字太长的话在iOS的Safari浏览器里会被自动截断，显示成下面这种： 安卓版的浏览器则没有这个问题。 如何让下拉列表中的文字在iOS的Safari浏览器里显示完整呢？答案是使用optgroup/optgroup标签。有关optgroup标签的作用可以查看w3school网站...

2018-06-24 02:19:29

有时候为一个网页添加一个动画效果的背景，会让网页增加一定的韵味，让网页看起来与众不同。 第一步：准备工作 工欲善其事必先利其器，我们首先需要准备一个视频 第二步：html中引入视频 这里我们需要用到了video/标签，然后在source里面写视频的路径，autoplay用来使...

2018-06-24 02:19:27

浅玩CSS3 边框、背景、文本效果 一、边框 box-shadow box-shadow: h-shadow v-shadow blur spread color inset(ontset);//h-shadow：水平阴影 v-shadow：垂直阴影 blur：模糊距离 spread：阴影的尺寸 color：阴影的颜色 inset（outset）：内部阴影/外部阴影 box-shadow...

2018-06-24 02:19:26

在网站编写的时候，由于许多的标签会有默认存在的样式，比如P标签的外边距，a标签的下划线等等，通常我们会把这些默认样式去除，以免在后面的编写中造成诸多的不变。 1、拥有默认内外边距的标签 有些人会图省事，清除内外边距直接用*{margin:0;padding:0;}，这样子写，...

2018-06-24 02:19:22

复制即可使用，页面开发必备 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 : V...

2018-06-24 02:19:23

今天来整理一下做网页遇到的问题吧 1.插入背景图片并使图片居于div底部充满整个行。 style background:url(xxx.jpg) no-repeat; background-position:bottom; background-size:100%; / style 属性： background-position：背景位置属性用于设置背景图像的位置，这个属...

2018-06-24 02:19:25

首先，这个这么扯淡又装逼的名字不知道是谁起的，大意就是说：中间的内容随着浏览器宽度的不同，进行宽度自适应操作，而两边的内容固定宽度。 来，上个代码演示一下： 1 style 2 * { 3 margin: 0 ; 4 padding: 0 ; 5 } 6 .wrap { 7 background- color: #FBD570; 8 over...

2018-06-24 02:19:22

问题：自适应高度的块级元素内添加图片后，其高度会比图片高度多出一块 简单代码如下： ! doctype html html head style .box { width : 533px ; margin : 100px auto ;border:1px solid red; } / style / head body div class ="box" img src ="http://f.hiphotos.bai...

2018-06-24 02:19:18

阅读目录 介绍 CSS 的基本语法格式 介绍 基础选择器 介绍 组合选择器 介绍 伪选择器 介绍 其他 一、CSS 的基本语法格式 代码： !DOCTYPE htmlhtmlheadtitle这是网页标题/titlestyle type="text/css"/*style 元素里面的是 CSS 代码*/p{color: red;}/style/headbodyp段落...

2018-06-24 02:19:17

这是css里面一个比较常见的操作，现在稍微小小地总结一下，虽然没什么技术含量，但也可以作为一种复习。 1，给父级元素添加overflow:hidden可以清除浮动； 2，给父级元素添加after伪类，并定义其样式如下： 这种写法比较高大上，推荐使用； 3，在父容器的末尾添加一个...

2018-06-24 02:19:07