文章 2022-06-15 来自:开发者社区

web前端学习(十六)——CSS3链接属性(a:XXX)的相关设置

1.CSS链接链接样式链接的样式,可以用任何CSS属性(如颜色,字体,背景等)。特别的链接,可以有不同的样式,这取决于他们是什么状态。这四个链接状态是:·       a:link - 正常,未访问过的链接·       a:visited - 用户已访问过的链接·       a:hover - 当用户鼠....

web前端学习(十六)——CSS3链接属性(a:XXX)的相关设置
文章 2022-06-15 来自:开发者社区

web前端学习(十五)——CSS3字体属性(font)的相关设置

CSS字体属性主要用于定义字体类型、加粗、大小、文字样式。Property描述font在一个声明中设置所有的字体属性font-family指定文本的字体系列font-size指定文本的字体大小font-style指定文本的字体样式font-variant以小型大写字体或者正常字体显示文本。font-weight指定字体的粗细。1. font-family属性 font-family属性设置文本的....

web前端学习(十五)——CSS3字体属性(font)的相关设置
文章 2022-06-15 来自:开发者社区

web前端学习(十四)——CSS3文本属性(text)的相关设置

1.text文本相关属性的汇总属性描述color设置文本颜色direction设置文本方向。letter-spacing设置字符间距line-height设置行高text-align对齐元素中的文本text-decoration向文本添加修饰text-indent缩进元素中文本的首行text-shadow设置文本阴影text-transform控制元素中的字母unicode-bidi设置或返回文....

web前端学习(十四)——CSS3文本属性(text)的相关设置
文章 2022-06-15 来自:开发者社区

web前端学习(十三)——CSS3背景属性(background)的相关设置

1.CSS背景CSS背景属性用于定义HTML元素的背景。CSS属性定义背景效果:·       background-color:设置元素的背景颜色。·       background-image:把图像设置为背景。·       background-repeat:设置背景图像是否及如何重复。· &...

web前端学习(十三)——CSS3背景属性(background)的相关设置
文章 2022-06-15 来自:开发者社区

web前端学习(六)——HTML5中通过CSS设置超链接及鼠标形状

1.CSS中设置超链接可能大家看着上面这个伪类语法不太好理解,其实它就是我们平时访问某一个网页时,把鼠标放在某个链接上面,然后那个链接就会改变其颜色样式。废话不多说,下面直接上实例代码:1.1 实例一: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/>...

web前端学习(六)——HTML5中通过CSS设置超链接及鼠标形状
文章 2022-06-15 来自:开发者社区

web前端学习(五)——HTML5中设置简单的CSS样式(选择器、内联样式、内部样式表及外部样式表)

1.什么是CSS?层叠样式表(Cascading Style Sheet) 用于渲染HTML元素标签的样式。 2.CSS的优势 1. 内容与表现分离2. 网页的表现统一,容易修改3. 丰富的样式,使页面布局更加灵活4. 减少网页的代码量,增加网页的浏览速度,节省网络带宽5. 运用独立于页面的CSS,有利于网页被搜索引擎收录3.如何使用CSS CSS 是在 HTML 4 开始使用的,是为....

web前端学习(五)——HTML5中设置简单的CSS样式(选择器、内联样式、内部样式表及外部样式表)
文章 2022-06-07 来自:开发者社区

【CSS】设置 border 长度

场景举例如何实现 在线课程 字体下方的 短横线 样式效果思考过程1.常规方案看到这样的样式效果,大多数人首先想到的一定是 border-bottom 吧,但是真正写在 css 中,你会发现,效果是这样的实现了,却又好像没实现,无法设置长度,那么下面我们试着换一种思路去实现这个效果2.优化方案我们不要把这个短横线看做 border ,使用 伪元素 实现,可以随意更改大小、宽度、长度等,非常的方便伪....

【CSS】设置 border 长度
文章 2022-05-31 来自:开发者社区

css怎么分别设置4个圆角?

css如何设置边框?很多时候在开发网页前端的时候,为了让网页上面的东西看起来更加的舒服,我们可能需要设置一些圆角边框比如按钮之类的,那么,我们该怎么来设置圆角边框呢?本篇文章将给大家来介绍一下css设置圆角边框的方法。css设置圆角边框最常用也是最简单的方法就是利用border-radius属性。CSS圆角只需设置一个属性:border-radius(含义是"边框半径")。你为这个属性提供一个值....

css怎么分别设置4个圆角?
文章 2022-05-31 来自:开发者社区

css如何设置不可点击?

可以通过设置元素的pointer-events属性设置为none,来实现元素不可点击。此方法是通过设置元素的鼠标事件失效来实现元素不可点击。pointer-events: none;CSS pointer-events 属性定义元素是否对指针事件做出反应。示例:<!DOCTYPE html> <html> <head> <style> div.e.....

css如何设置不可点击?
文章 2022-05-29 来自:开发者社区

【问题归纳】前端开发问题集 | css 设置div宽高比1:2 下

解决移动端Retina屏幕1px边框问题css中的1px并不等于移动设备的1px,这些由于不同的手机有不同的像素密度。在window对象中有一个devicePixelRatio属性,他可以反应css中的像素与设备的像素比。即:devicePixelRatio 是设备物理像素和设备独立像素的比例,也就是 devicePixelRatio = 物理像素 / 独立像素。方法1、0.5px边框通过 Ja....

【问题归纳】前端开发问题集 | css 设置div宽高比1:2 下

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注