- 文本样式对齐文本text-align属性用于指定文本块的对齐方式,可选值包括: 1)start:内容对齐开始边界,默认; 2)end:内容对齐结束边界; 3)left:内容左对齐; 4)right:内容右对齐; 5)center:内容居中对齐; 6)justify:内容两端对齐。当text-align属性使用了justify值时,可以使用text-justify属性指定文本添加空白的方式,这个属性...
2025年02月01日
2025年02月01日
使用了CSS中类选择器,之前学习的是以结构为主,现在学习CSS主要的就是给结构做一套衣裳,让网页展示出来的效果更好看,更符合我们的观看,所以学习CSS是很重要的一门功课。网页做得好不好看,就看CSS学得怎么样。
2025年02月01日
CSS样式优先权
1.写法优先权
优先级依次是:行内样式表 > 内部样式表> 外部样式表。
2.选择符优先权
对于id 与 class 而言,id的定义优先于class 的定义。具有class属性的比没有class属性的优先权要大。
id > class > 类型选择符
样式继承
1.HTML 中的子标签会继承部分父标签的样式。
如: body { color:#ff0000;}那么页面中,body之下的所有标签及标签下的所有子标签的文本都将变成红色。
2025年02月01日
Meta(原 Facebook)开源了全新的 CSS-in-JS 库 StyleX。
GitHub 地址:https://github.com/facebook/stylex
2025年02月01日
在设计网页中,锚点滚动是不可或缺的,现在分享给大家,好好看看。
为了好复制,插入整个demo源码
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width, initial-scale=1.0">
2025年02月01日
很多Web前端新手对响应式布局和自适应布局的概念以及制作方法分不清,简单来说响应式布局相当于流动网格布局,而自适应布局等于使用固定分割点来进行布局。接下来就给大家讲解用CSS做响应式布局的方法。
做响应式网站离不开CSS响应式布局查询代码写法,而在此之前,我们需要了解什么是媒体查询以及如何才CSS中引入媒体查询。
什么是媒体查询?
媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有width、height和color(等)。使用媒体查询,可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果。
2025年02月01日
网页默认的滚动条不怎么好看,特别是对于网页内部元素使用滚动条时,默认样式就更加显得格格不入。
对于滚动条的样式设置,调整以下一个属性的值即可。
::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的
::-webkit-scrollbar-button 滚动条两端的按钮
::-webkit-scrollbar-track 外层轨道