web前端入门到实战：11种常用css样式之鼠标、列表和尺寸样式学习

白T恤架构师

于 2020-04-10 14:27:47 发布

阅读量258

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签： css html 列表前端前端教程

本文链接：https://blog.youkuaiyun.com/ITHHH111/article/details/105432884

本文介绍了前端开发中常用的CSS样式，包括鼠标cursor的crosshair、pointer、wait等形状，以及列表list-style-type的none、disc、decimal等类型。此外，还讲解了尺寸调整如height、width以及屏幕自适应和textarea的resize属性。内容深入浅出，适合前端初学者学习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

鼠标cursor常见样式crosshair;/十字形状/cursor:pointer;/小手形状/cursor:wait;/等待形状/cursor:text;/默认文本形状/cursor:default;/箭头指示形状/cursor:help;/帮助形状/
列表(list-style-type):none/把列表前面的选项去除/disc/实心/circle/空心/square/方块/decimal/序列/lower-roman/小写罗马/upper-roman/大写罗马/lower-alpha/小写字母/upper-alpha/大写字母/
尺寸:height;max-height;min-height;width;max-width;min-width/屏幕自适应宽度,100%/textarea文本框:resize:none/文本框不能拖动/width:500px;height:300px;样式继承:文字有关的样式会继承下来(阅读css常用样式font控制字体的多种变换)文本框resize:none文本框不能拖动)样式继承/文字有关的样式会继承下来/阅读css常用样式font控制字体的多种变换

专门建立的学习Q-q-u-n： 784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习技巧
（从零基础开始到前端项目实战教程，学习工具，全栈开发学习路线以及规划）

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <