服务器之家
您的位置： 首页 编程语言
全部 Javascript css php

  • 好程序员web前端培训分享HTMLCSS学习笔记css3选择器

    好程序员web前端培训分享HTMLCSS学习笔记css3选择器CSS3是css技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景 2024-12-14 08:19:14

  • 使用JavaScript来编写你的CSS样式代码——JSS

    介绍JSS是CSS的创作工具，它允许你使用JavaScript以声明，无冲突和可重用的方式描述样式。它可以在浏览器，服务器端或在构建时在Node中编译。JSS与框架无关。它由多个包组成：核心部分，插件以及框架集成等。Githubhttps://github.com/cssinjs/jss stars 2024-12-13 10:20:28

  • CSS网页布局基础教程

    网页布局基础教程网页的布局有很多种方式，一般分为以下几个部分：头部区域部分菜单导航区域部分内容区域部分底部区域部分一般网页的布局网页头部区域部分头部区域部分位于整个网页的顶部，一般用于设置网页的标题或者网页的图标：实例如下：代码1效果1代码2效果2部分代码：<!DOCTYPE html> 2024-12-13 10:05:32

  • HTML+CSS制作导航条

    今天无意中看到一个网站的导航条，觉得效果还不错，而且制作也很简单，就自己试着用HTML+CSS做了个一模一样的，下面就把导航条的制作方法及步骤分享给大家！导航按钮效果图代码如下：<!DOCTYPE html><html> <head> <meta c 2024-12-13 09:05:56

  • CSS 带搜索导航栏

    本文为大家介绍如何使用 CSS 创建一个带搜索的导航栏。以下实例均是响应式的。可以先看下效果图：创建一个搜索栏HTML 代码<div class="topnav"> <a class="active" href="#home">主页</a> <a href= 2024-12-13 08:51:15

  • 前端面试题之如何理解css flexbox(弹性盒子)

    很多同学可能对弹性盒子并不是很熟悉，还对它有一些畏难情绪。但我以往教过的学生，只要会用了弹性盒，就对它爱不释手了。那今天就带大家来揭秘一下 看着有难度，但实际超白痴的flexbox。 首先大家要知道 弹性盒是 CSS3的一种 新的布局模式。两个关键词：css3和布局。看到css3 就应该马上想到兼 2024-12-13 08:36:02

  • CSS3中计算属性calc()的使用说明

    平时在制作页面的时候，总会碰到有的元素是100%的宽度。众所周知，如果元素宽度为100%时，其自身不带其他盒模型属性设置还好，要是有别的，那将导致盒子撑破。比如说，有一个边框，或者说有margin和padding，这些都会让你的盒子撑破。我们换句话来说，如果你的元素宽度是100%时，只要你在元素中添 2024-12-12 10:20:23

  • Web前端人员应该知道的3种css前端动画效果的实现方式

    合适的动画不仅更能吸引人们的眼球，也能让你的应用体验更为流畅，而将动画的效果做到极致，才能让用户感到使用你的应用是一种享受，而不是觉得生硬和枯燥。那么Web前端人员是否了解各种前端动画效果实现方式的异同，具体应用中又是如何实现的呢?下面就让我们一起来看一看吧~一、JavaScript 动画因为没有其 2024-12-12 09:35:34

  • CSS3常用的四个动画特效

    今天小编在这里给各位介绍一下CSS3常用的四个动画效果。css第一个动画效果：360°旋转 修改rotate的值 * {transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:Al 2024-12-12 09:19:49

  • 去T3出行面试前端问css:父元素里放二个子元素的布局方式有哪些

    先看下问题的截图：大家可以先想一想下面是我总结的方法：方法一：子元素浮动float:left；（考虑脱离文档流后后面元素不易控制，故不首选）方法二：子元素：display: inline-block; --->会有空隙原因：因为行内元素或者行内块元素换行后之间会有一个间隙只要换行会有5px的间 2024-12-12 08:04:19