css
沐煜歆羡
这个作者很懒,什么都没留下…
展开
-
HTTP常见状态码有哪些?
a. 2开头状态码;2xx (成功)表示成功处理了请求的状态代码;如:200 (成功) 服务器已成功处理了请求。b. 3开头状态码;3xx (重定向) 表示要完成请求,需要进一步操作。 通常,这些状态代码用来重定向。如:304 (未修改) 自从上次请求后,请求的网页未修改过。 服务器返回此响应时,不会返回网页内容c. 4开头状态码;4xx(请求错误) 这些状态代码表示请求可能出错,妨碍了服务器的处理;如:400 (错误请求) 服务器不理解请求的语法;403 (禁止) 服务器拒绝请求。404 (未找到)原创 2021-01-01 17:38:15 · 108 阅读 · 1 评论 -
Doctype作用? 严格模式与混杂模式如何区分?它们有何意义? 以及如何触发这2种模式?
a. 声明位于文档中的最前面,处于标签之前。告知浏览器以何种模式来渲染文档b. 严格模式的排版和 JS 运作模式是,以该浏览器支持的最高标准运行c. 在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作d. DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现e. 触发严格模式是在Html前申明正确的DTDf. 触发混杂模式是在Html文档开始不声明DTD,或者在DOCTYPE前加入XML声明...原创 2021-01-01 17:34:45 · 80 阅读 · 0 评论 -
解释下 CSS sprites原理,优缺点
原理:a. CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字精确的定位出背景图片的位置。优点:b. 减少网页的http请求c. 减少图片的字节d. 解决了网页设计师在图片命名上的困扰,只需对一张集合的图片上命名就可以了,不需要对每一个小元素进行命名e. 更换风格方便,只需原创 2021-01-01 17:16:05 · 106 阅读 · 0 评论 -
请列举几种隐藏元素的方法
a. visibility: hidden;这个属性只是简单的隐藏某个元素,但是元素占用的空间任然存在b. opacity: 0;一个CSS3属性,设置0可以使一个元素完全透明,制作出和visibility一样的效果。与visibility相比,它可以被transition和animatec. position: absolute;使元素脱离文档流,处于普通文档之上,给它设置一个很大的left负值定位,使元素定位在可见区域之外d. display: none;元素会变得不可见,并且不会再占用文档的空原创 2021-01-01 17:12:44 · 107 阅读 · 0 评论 -
HTML+CSS美食静态网页设计
爱尚美食网页用Adobe Dreamweaver CS6 制作代码如下:HTML代码:<!DOCTYPE html><html><head><meta charset=utf-8" /><title>爱尚美食</title><!--链接图片及css --><link rel="shortcut icon" type="images/x-icon" href="images/xlogo.png"/&g转载 2020-12-31 21:56:25 · 10474 阅读 · 1 评论 -
html+css+js制作简单网站首页
一个简单的网站主页主要由html+css+js制作1.图片展示这是首页的上半部分,主要内容有:顶部标头、顶部导航栏、图片轮播图。```css<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>我们的恋爱小屋</title> <embed src="images/1.mp3" hidden="true" a转载 2020-12-31 21:51:09 · 2901 阅读 · 2 评论 -
CSS中:和::
一个冒号是伪类,两个冒号是伪元素伪类可以独立于文档的元素来分配样式,且可以分配给任何元素,逻辑上和功能上类类似,但是其是预定义的、不存在于文档树中且表达方式也不同,所以叫伪类。伪元素所控制的内容和一个元素控制的内容一样,但是伪元素不存在于文档树中,不是真正的元素,所以叫伪元素。伪类有::first-child ,????,vistited,:hover:,active:focus,:lang伪元素有::first-line,:first-letter,:before,:after (在苏沈小雨编的C原创 2020-12-31 21:46:48 · 132 阅读 · 0 评论 -
纯 CSS 实现图片轮播
理论基础CSS3 animation 属性和 @keyframes 规则主体思想准备相同大小的多个图片将要展示图片横排放在一个图片容器里面在图片容器外再加一个展示容器,展示容器大小为图片大小给图片容器添加自定义动画,在动画不同阶段设置递增的偏移值注意事项动画效果分为切换和停留两部分自定义动画阶段与图片数量相关动画各阶段偏移值与图片大小相关本文中示例最后一个图片到第一个图片没有切换效果,一个思路是可以由最后一个图片再挨个切换到第一个图片HTML<div id="containe转载 2020-12-31 08:55:42 · 330 阅读 · 0 评论 -
纯css制作网页下拉菜单栏
制作下拉菜单栏的方式有很多,可以通过js显示菜单栏,也可以用伪类等等各种有效方法。那么我呢!尝试用纯的css简单实现菜单栏的功能。Html布局及css样式代码:其实就是使用伪类的思想,当鼠标移到按钮,display:block属性就能将下拉菜单内容显示,并且点击则有页面跳转效果。...转载 2020-12-31 08:40:12 · 203 阅读 · 0 评论