网页前端 - 送码网

当前位置：首页 > 资讯 > 网页前端

CSS 09——伪元素选择器

2018-12-21 943

伪元素选择器:first-letter:first-line:before:after之所以称为伪元素，是由于在效果上，使文档添加了临时元素。:first-letter :first-linediv:first-letter{float:left;font-size:3em;}div:first-l
好文翻译｜写 CSS 也要遵守编程基本法

2018-12-21 813

点击右上方，关注开源中国OSC头条号，获取最新技术资讯参加翻译 (5人) : Tocy, 枫子飘漂, ZICK_ZEON, liyue李月, 边城对于许多 Web 开发人员来说，精通 CSS 意味着您可以使用一个可视化的模型，并在代码中完美地复制它。你不用表格，而且你为自己使用尽可能少的图片而自豪。
凡是说div+css简单的都是还没入门

2018-12-21 744

凡是说div+css简单的都是还没入门，这句话你同意吗？由于，凡是做过前台4、5年的或者者更久的都不会说这个话，由于div的布局方式方法是没有标准答案的，很多时候靠的是经验和领悟，所以才会有css禅（css Zen Garden）的说法，就是悟道。本人amingweb前台从业经验超过8年，我甚至不
CSS 中不为人知的部分

2018-12-21 802

假如你在日常工作中使用 CSS，你的主要目标可能会重点围绕着使事情"看起来正确"。如何实现这一点经常是远不如最终结果那么重要。更多互联网讯息请在公众号锁定“全阶魔方”每天都有升级。这意味着比起正确的语法和视觉结果来说，我们更少关心 CSS 的工作原理。CSS 的视觉结果通常是操作隐藏属性的间接后果，
JavaScript/jQuery动画与CSS动画性能比较

2018-12-21 869

一直以来，大家可能认为基于JavaScript的动画总是比CSS动画一样快或者更快。事实是这样的吗？本文将详情基于JavaScript的DOM动画库（如Velocity.js和GSAP）能否比基于jQuery和CSS的动画库更为出色。jQueryJavaScript和jQuery被错误地混为一谈。J
CSS实现点击事件及实践

2018-12-21 1022

实现原理利用:target，把a标签自身的href以及id设置成一样的。案例1：实现元素的切换HTML：我是P1的内容我是P2的内容 CSS：body,div{ margin:0; padding:0;}#box>a{ display:none;}#box>a:first-of-type{
css中的定位属性position

2018-12-21 1008

css中的定位属性position同样的也是上课的时候发现学生难以了解的少量问题拿出来记录一下，希望帮助初学者。在css中定位属性position的运用在页面中是很常用的，特别是少量结合js来实现的少量特效经常会用到定位属性，比方鼠标滑过显示被隐藏的盒子， banner的切换，还有之前写的jquer
CSS基本布局16例

2018-12-21 962

单行单列单行两列1：采用float浮在左上角，固定宽度。单行两列2：固定在左上角，固定宽度，采用的是绝对(absolute)定位。单行两列3：固定在左上角，不固定宽度，采用百分比(%)定义宽度来自适应页面。单行两列4(推荐)：固定宽度，采用在body样式中定义居中属性(text-align: cen
HTML+CSS：css定位详解之相对定位、绝对定位和固定定位...

2018-12-21 1420

本篇文章我们主要给大家说一下css的定位。css的定位是我们以后网页制作中比较常用的属性，也是很重要的知识点。理解各个定位的作用以及层级关系对以后的页面布局至关重要。css定位主要有四种，静态定位、相对定位、绝对定位和固定定位。其中静态定位这个是元素的默认定位方式，不能使用top，bottom，le
CSS训练-最大化您的游泳体现

2018-12-21 958

当谈到成为一名更好的游泳运动员时，你的游泳技术非常重要，但你的身体状况也同样重要。没有良好的体能，你将无法在远距离维持你的游泳技术，导致你的游泳有可怕的“崩溃”感觉。假如你在游泳时前几圈感觉良好，但是不久你被游泳“分崩离析”的那种可怕感觉击中时，你的游泳体能会让你失望 - 而不是你的技术！您也许在
前台开发css框架，你们知道几个？

2018-12-21 1027

前台开发是一个比较繁琐的工作，不仅要有别人不一样的审美观和设计观，还需要理解很多的JS插件等错综复杂的技术，一份工作在别人眼中看似简单，其实当做的，完成的时候又是另一回事了。以下推荐几款还不错的css框架，希望能对大家工作中有所帮助。 1、Twitter开源杰作 -BootstrapBootstr
HTML基础（五）——-css样式表——样式属性——格式与布...

2018-12-21 1017

HTML基础（五）——-css样式表——样式属性——格式与布局一、position：fixed锁定位置（相对于浏览器的位置），例如有些网站的右下角的弹出窗口。示例：二、position：absolute绝对位置：1.外层没有position：absolute（或者relative）；那么div相对于
CSS样式大全

2018-12-21 1044

字体属性：(font)大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只需用数值即可以，单位：PX、PD样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高 {line-height:
图文详解CSS中的Grid布局，你真的可以5分钟掌握

2018-12-21 952

前言网站的布局是一个网站设计的根本，CSS的Grid布局已经成为了未来网站布局的基本方式。今天这篇文章我们通过图文，一起看看如何自己实现Grid布局方式。CSS第一个Grid布局首先我们看看最基本的Grid布局是什么样的，HTML页面的代码如下所示。HTML代码而后设置其CSS属性，这里主要展现容器
改进客户界面与体验的21种JavaScript和CSS库

2018-12-21 1360

当自己的网站应用流畅运行之后，下一步您就需要让它看起来更美观生动。本文列举了21种实用的JavaScript和CSS库，可帮助您实现更加酷炫的效果。1. Algolia假如您想在自己的网站上增加具备自动完成功能的表单，那么您一定会用到这个库。因为其精准和快捷的特点，我非常喜欢它带有的地图功能。这个库
HTML+CSS：css元素浮动详解，使用浮动制作导航栏菜单...

2018-12-21 1472

今天这篇文章我们来说一下css的浮动属性（float），给块状元素增加float属性可以使其转变为行内元素，也就是我们所说标签对象浮动居左靠左（float:left）和浮动居右靠右(float:right)。（1）float使用语法css的float主要有3个属性值none、left、right，默
html和css基础

2018-12-21 784

此文章来源于黑马论坛社区：http://bbs.itheima.com/thread-431759-1-6.html黑马前台开发案基础班，所学内容主要是html和css基础，两者能狗写出简单的静态页面，例如京东和淘宝的基本页面。web前台也可以了解为网页，网页是由文字，图像和超链接等元素构成，当然也
HTML+CSS：图文结合让你深入了解css盒模型

2018-12-21 808

本篇文章要给大家讲得算是比较重点的内容了，css盒模型。了解了它对你以后页面的排版和布局有着非常关键的作用。什么是css盒模型？css盒子模型又称框模型 (Box Model) ，它包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。下
谈谈css中的伪类和伪元素

2018-12-21 882

熟习前台的人都会听过css的伪类与伪元素，然而大多数的人都会将这两者混淆。本文从解析伪类与伪元素的含义出发，区分这两者的区别，并且列出大部分伪类与伪元素的具体用法。css选择器css选择除了我们常见的也是使用频率最高的class选择器，id选择器，属性选择器，派生选择器等之外，还有重要的一类，是根据
css清理浮动的几种常用方法

2018-12-21 876

关于清理浮动，在编写前台页面中肯定遇到的不少，首先应该清楚：浮动 Floats 是 CSS 中的一种布局方式。它的渲染位置在行框与包含块之间，这样即可以使行框内文字与浮动元素不重叠并且环绕它显示。在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不管它本身是何种元素。下面我们就清理浮动

首页
上一页
1
...
2
3
4
5
6
7
8
9
10
...
下一页
末页

CSS HTML JS

推荐商品