【web前端开发】CSS浮动
1.浮动CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。元素的水平方向浮动，意味着元素只能靠左或者靠右。一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。浮动元素之后的元素将围绕它。浮动元素之前的元素将不会受到影响。如果图像是左浮动，下面的文本流将环绕在它右边：2.伪元素伪元素:通过CSS模拟出标签的效果伪元素 作用::befo....
web前端-CSS(display，position，overflow和浮动float)
display（显示）display属性指定由元素生成的框的类型,通常用到display对应值有block、none、inline这三个值。下面我们来看看display的属性有哪些吧。属性描述none此元素不会被显示。block此元素将显示为块级元素，此元素前后会带有换行符。inline默认。此元素会被显示为内联元素，元素前后没有换行符。inline-block行内块元素。（CSS2.1 新增的....
web前端-css边框（border）
css边框属性css的border属性允许您指定元素边框的样式、宽度和颜色。css边框样式border-style 属性指定要显示的边框类型。可以同时设置一到四个值（顺序为上边框、右边框、下边框和左边框）。值描述dotted定义点线边框dashed定义虚线边框solid定义实线边框double定义双边框groove定义 3D 坡口边框。效果取决于 border-color 值ridge定义 3D....
web前端-css中最直观的反馈-伪类及伪元素选择器的使用
前言上期给大家讲了css的一些选择器的使用，这期咱们一起学习css的另外两个选择器：伪类选择器以及伪元素选择器。css伪类选择器伪类用于定义元素的特殊状态。设置鼠标悬停在元素上时的样式为已访问和未访问链接设置不同的样式设置元素获得焦点时的样式:active用于选择活动链接。当您在一个链接上点击时，它就会成为活动的。即设置鼠标点击触发的样式。实例：<!DOCTYPE html> <...
web前端-前端三剑客之CSS（1）（上）
写在前面前面我们学习了HTML的一些使用，让文本，图像和超链接在网页中显示，而我们接下来就一起学习如何对网页中的内容进行美化，让其看起来更舒服，更简洁。什么是cssCSS 指的是层叠样式表* (Cascading Style Sheets)CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素CSS 节省了大量工作。它可以同时控制多张网页的布局外部样式表存储在 CSS 文件中css语法选....
网站介绍web前端 html+css+javascript网页设计
网站布局方面：采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程序方面：采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。网站素材方面：收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。网站文件方面：网站系统文件种类包含....
CSS之web字体使用并用该字体输出一首诗
在之前我们有设置过页面使用的字体: font-family我们需要提供一个或多个字体种类名称，浏览器会在列表中搜寻，直到找到它所运行的系统上可用的字体。这样的方式完全没有问题，但是对于传统的web开发人员来说，字体选择是有限的;这就是所谓的 Web-safe 字体，并且这种默认可选的字体并不能进行一些定制化的需求;比如下面的字体样式, 系统的字体肯定是不能实现的那么我们是否依然可以在网页中使用这....
CSS 动画与 Web 动画 API
JavaScript 中有一个用于动画的原生 API，称为 Web Animations API。在这篇文章中，我们将其称为 WAAPI。在本文中，我们将比较 WAAPI 和用 CSS 完成的动画。关于浏览器支持的说明当代浏览器的支持是有限的，WAAPI 有一个全面和强大的 polyfill 工具，使得它可以在生产环境下使用。polyfill 是 Web 动画 API 的 JavaScript ....
云间玉兔,自出机抒,从零开始制作Web插件网页特效小兔子组件(小挂件widget),基于原生CSS/NPM
著意登楼瞻玉兔，何人张幕遮银阙？又到了一年一度的网页小挂件环节，以往我们都是集成别人开源的组件，但所谓熟读唐诗三百首，不会做诗也会吟，熟读了别人的东西，做几首打油诗也是可以的，但若不能自出机抒，却也成不了大事，所以本次我们从零开始制作属于自己的网页小挂件，博君一晒。玉兔主题元素绘制成本最低的绘制方式是使用纯CSS，不依赖任何图片和三方库，首先创建绘制容器：<div id="rabbit_b....
CSS3属性详解：Web字体
前言开发人员可以为自已的网页指定特殊的字体（将指定字体提前下载到站点中），无需考虑用户电脑上是否安装了此特殊字体。从此，把特殊字体处理成图片的方式便成为了过去。支持程度比较好，甚至 IE 低版本的浏览器也能支持。字体的常见格式不同浏览器所支持的字体格式是不一样的，我们有必要了解一下字体格式的知识。TureTpe格式：(.ttf).ttf 字体是Windows和Mac的最常见的字体，是一种RAW格....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
CSS更多web相关
开发与运维
集结各类场景实战经验，助你开发运维畅行无忧
+关注