CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/04 CSS

今天的工作进度有点慢，我发现最主要的原因是html标签的属性的作用不熟悉。特别是，在做页面背景图片可随浏览器窗口大小调整时，我的基础知识运用不熟练的缺点就表现出来了。例如:今天下午做的页面背景时，由于图片过大，直接引用时，导致屏幕无法显示完全。实际解决它的...

前端技术 2023/09/04 CSS

我是这样做的: 分三层最外层,div实现一个加框或内边距中间层，一般是图片链接层<a>定义其样式。控制宽高然后多出的部分隐藏。最内层，图片，一般控制宽度或高度即可。大家可以试下。欢迎找迷失一起交流.

前端技术 2023/09/04 CSS

在网页制作中，细边框这个制作方法是必不可少的。这里介绍2种常见的表格细边框制作方法，均通过XHTML验证。复制代码代码如下: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\"...

前端技术 2023/09/04 CSS

CSS的选择符是有权重的，当不同选择符的样式设置有冲突时，会采用权重高的选择符设置的样式。如果CSS选择符权重相同，那么样式会遵循就近原则，哪个选择符最后定义，就采用哪个选择符的样式。如果忽略了CSS选择符权重，会产生意想不到的小麻烦。需求与方案复制代码...

利用CSS3实现气泡效果的教程

前端技术 2023/09/04 CSS

首先定义一个 CSS Code复制内容到剪贴板 <p class=\"speech\"></p> 先给外层的容器添加样式： CSS Code复制内容到剪贴板 p.speech{ position: relative; w...

前端技术 2023/09/04 CSS

由于各大浏览器尤其IE浏览器对web标准支持情况不一，导致标准的网页在各个浏览器中的表现不一，因此，解决各浏览器兼容性问题成为了前端工程师最重要的工作之一，而所谓的hack技术则是前端开发中必用的。 CSS hack的写法有很多种，其中，特殊符号的应用最为普遍，...

前端技术 2023/09/04 CSS

最近写项目需要实现一个功能：鼠标移动到一个图片左边显示左箭头，移动到右边显示右箭头。实现方法：一个img上面定位两个div，div的样式如下：复制代码代码如下: .toleft { width: 200px; height: 300px; position:...

CSS3简单实现照片墙

前端技术 2023/09/04 CSS

HTML 复制代码代码如下: <body> <h2>照片墙制作</h2> <div class=\"container\"> <img class=\"img1\" src=\"img/img...

前端技术 2023/09/04 CSS

0.单行内容的居中只考虑单行是最简单的，无论是否给容器固定高度，只要给容器设置 line-height 和 height，并使两值相等，再加上 over-flow: hidden 就可以了 CSS Code复制内容到剪贴板 .middle-demo-1{ heigh...

前端技术 2023/09/04 CSS

在一个网页的栏目模块中，在一个<div>中有几个图片，但是div的高度是0，不能随图片的高度变化。解决办法，<div>的overflow属性设置成auto 复制代码代码如下: <div class=\"content\" styl...

关闭

我的博客