当前位置:首页 > 技术文章 > 每日编程 > css知识

  • CSS 自定义列表项 list-style使用介绍
    CSS 自定义列表项 list-style使用介绍
    今天给某公司做招聘专页。早上完成设计图,下午开始排版。页面套用了我之前做的某人才局的招聘页面,导航栏、banner 很快就出来了。这次内容里我有些地方用了列表,当然要用 标签。列表项(小圆点)做成绿色的小正方块,这时我想是不是有一个 CSS 属性用来自定义列表项。 不用不知道,还真有。list-style 其中可定义 list-style-type、list-style-position 和 list-style-image,这三个属性是可以合
    css知识 . 每日编程 3562 2017-09-29 10:37:44
  • 如何在div内部实现图片旋转、放大、缩小、拖拽
    如何在div内部实现图片旋转、放大、缩小、拖拽
    药药,切克闹,一人我编码累,累把那bug写成堆。秋高气爽空气干燥你一定dei多喝水,过完了这周我就要回去、趁还有几天、你尽情的来跟我怼~~~
    css知识 . 每日编程 3918 2017-10-06 10:41:18
  • 如何制作百度登录框架
    如何制作百度登录框架
    百度登录 body{ margin: 0; padding: 0; }
    css知识 . 每日编程 2826 2017-09-27 09:40:50
  • 使用CSS做贝塞尔曲线
    使用CSS做贝塞尔曲线
    前言在了解 cubic-bezier 之前,你需要对 CSS3 中的动画效果有所认识,它是 animation-timing-function 和transition-timing-function 中一个重要的内容。本体简介cubic-bezier 又称三次贝塞尔,主要是为 animation 生成速度曲线的函数,规定是cubic-bezier(, , , )。我们可
    css知识 . 每日编程 3238 2017-10-08 09:32:18
  • CSS选择器中带点(.)的解决办法
    CSS选择器中带点(.)的解决办法
    作为选择器是不可能起作用的。 那么问题来了,怎么用把上面元素的id作为css的选择器呢?解决办法是用"转义符",类似如下:
    css知识 . 每日编程 2289 2017-10-08 09:33:44
  • css动画之模拟正余弦曲线的实例分享
    css动画之模拟正余弦曲线的实例分享
    从左到右的抛物线动画,我们就暂且把动作分为匀速向右运动和变速的上下运动。 水平匀速运动我们可以利用 translateX(x):定义 2D 转换,沿着 X 轴移动元素;以及linear:动画从头到尾的速度是相同的 这两个属性值来实现; 上下的匀变速运动可以利用translateY(y):定义 2D 转换,沿着 Y 轴移动元素;以及ease-in-out:动画以低速开始和结束。
    css知识 . 每日编程 1985 2017-10-08 09:33:56
  • 什么是CSS的盒子模型
    什么是CSS的盒子模型
    盒子模型(DIV+CSS布局)是CSS的基石,它指定元素如何显示以及(在某种程度上)如何相互交互。      页面上的每个元素都被浏览器看成是一个矩形的盒子,这个盒子由元素的内容、填充、边框和边界组成。盒子模型示意图     网页就是由许多盒子通过不同的排列方式(上下排列、并列排列、嵌套排列等)堆积而成。其中设置盒子的大小、位置、填充、边框。总结每一个HTML元素都可以看作是一个装了东西的盒子。
    css知识 . 每日编程 1871 2017-09-26 10:00:38
  • 浅谈link与@import的区别
    浅谈link与@import的区别
    外部引入 CSS 有2种方式,link和@import。结论:  强烈建议使用 link 标签,慎用 @import 方式。  可以避免考虑 @import 的语法规则和注意事项,避免产生资源文件下载顺序混乱以及http请求过多的烦恼。区别:  1.加载顺序加载页面时,link 标签引入的 CSS 文件被同时加载; @import 引入的 CSS 文件将在页
    css知识 . 每日编程 1687 2017-09-25 10:15:45
  • 如何利用 CSS3 实现的无缝轮播
    如何利用 CSS3 实现的无缝轮播
    利用 CSS3 实现的无缝轮播 1 . html的架构 :
    css知识 . 每日编程 1772 2017-09-25 09:13:18
  • 如何用Bootstrap实现图片弹出放大
    如何用Bootstrap实现图片弹出放大
    前台HTML:td>center>img style=height: 100px;width: 100px; onmouseover=this.style.cursor='pointer';this.style.cursor='hand' onmouseout=this.style.cursor='default' src= onclick=javascript:s
    css知识 . 每日编程 8310 2018-10-15 15:28:04
  • 网页进度条一种简单的实现方法
    网页进度条一种简单的实现方法
    一个很简单的进度条用一个简单的css属性就能实现:cilpclip:rect(top,right,bottom,left)先写一个小程序来解释         .box {            width: 200px;            height: 20px;            background:#ccc;  
    css知识 . 每日编程 2362 2017-09-23 10:49:05
  • CSS 块级元素/内联元素、继承与相关属性简介
    CSS 块级元素/内联元素、继承与相关属性简介
    什么是块级元素(Block-level elements)?  浏览器通常在元素之前和之后都使用换行符显示块级元素。您可以将其可视化为一堆框。   块级元素始终在新行上开始,并占用可用的全宽(尽可能向左和向右扩展)。 用法:块级元素可能只出现在元素内。什么是内联元素(Inline elements)?  在HTML中,内联元素是仅占据由定义元素的标签界定的空格,而不是破坏内容的流。在
    css知识 . 每日编程 1951 2017-09-23 10:06:24
  • 弹性盒模型 flex 方法总结
    弹性盒模型 flex 方法总结
    弹性布局 2009年,W3C 提出了一种新的方案—-Flex 布局(弹性布局),可以简便、完整、响应式地实现各种页面布局。 传统盒子模型: 一般的布局我们都是用的盒子模型,通过浮动 定位来布局。 行元素、行内块元素不换行,块元素独占一行的。 利用浮动可以使块元素横排。 但是某些特殊的布局,它们很难实现。比如 垂直居中。设置弹性盒子之后,盒子内部的元素没有行元素与块
    css知识 . 每日编程 1787 2017-09-23 09:32:55
  • 如何制作一个CSS3非常炫酷的3D动画
    如何制作一个CSS3非常炫酷的3D动画
    CSS3非常炫酷的3D动画 Title *{ margin: 0px; padding: 0px; } ul{ width: 200px; height: 200px; position: relat
    css知识 . 每日编程 2174 2017-09-22 10:39:33
  • 等高布局如何实现
    等高布局如何实现
    padding补偿法 首先把列的padding-bottom设为一个足够大的值,再把列的margin-bottom设一个与前面的padding-bottom的正值相抵消的负值,父容器设置超出隐藏,这样子父容器的高度就还是它里面的列没有设定padding-bottom时的高度,当它里面的任一列高度增加了,则父容器的高度被撑到它里面最高那列的高度,其他比这列矮的列则会用它们的padding-botto
    css知识 . 每日编程 1463 2017-09-22 10:30:12

PHP讨论组

组员:3305人话题:1500

PHP一种被广泛应用的开放源代码的多用途脚本语言,和其他技术相比,php本身开源免费; 可以将程序嵌入于HTML中去执行, 执行效率比完全生成htmL标记的CGI要高许多,它运行在服务器端,消耗的系统资源相当少,具有跨平台强、效率高的特性,而且php支持几乎所有流行的数据库以及操作系统,最重要的是

学习途径

工具推荐

关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号