博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css3-5 css3鼠标、列表和尺寸样式怎么用(文字有关的样式会被继承)
阅读量:7284 次
发布时间:2019-06-30

本文共 1879 字,大约阅读时间需要 6 分钟。

css3-5  css3鼠标、列表和尺寸样式怎么用(文字有关的样式会被继承)

一、总结

一句话总结:css标签中文字有关的样式会被继承。由常用样式记起。

 

1、鼠标常用样式有哪些?

cursor:pointer;

 

2、列表常用样式有哪些?

list-style-type:none

list-style-type:decimal

list-style-type:square

 

 

3、css标签中文字有关的样式会被继承,其它样式会怎样?

也会被继承,但是一般无法生效,分情况,反正快标签的宽高行标签继承了也没用。

 

4、如何设置一个标签的最小宽度?

minwidth属性

12         ul{13             width:100%; 14 min-width:1200px;

 

5、如何去掉textarea的大小可变?

将resize属性设置为none

11         textarea{12             width:500px; 13 height:100px; 14 resize:none; 15 }

 

 

二、css3鼠标、列表和尺寸样式怎么用

1、相关知识

鼠标:

cursor:crosshair;
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
尺寸:
width:1200px;
height:500px;

 

2、代码

样式继承

1  2  3  4     
5 index 6 17 18 19
20

linux php linux

21

linux linux php linux

22

linux linux php linux

23

linux linux php linux

24
25 26

textarea文本域

1  2  3  4     
5 index 6 17 18 19
20

用户名:

21

22 23

24 25

留言:

26

27 28

29
30 31

min-width最小宽度

1  2  3  4     
5 index 6 32 33 34
62 63

 

 

 

 

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/Renyi-Fan/p/9225659.html

你可能感兴趣的文章
Facebook Docusaurus 中文文档 添加博客
查看>>
JavaScript温故(一)
查看>>
醒来或者吃饱又是一年
查看>>
Spark入门
查看>>
Angular 5 开发一个有道翻译
查看>>
charm_PHP,一个还有诸多问题的PHP MVC框架
查看>>
Python 类继承相关问题
查看>>
第五部分:Intellj IDEA插件介绍
查看>>
微服务关键概念脑图梳理
查看>>
PhantomJS,隐身浏览器
查看>>
【252天】我爱刷题系列(11)
查看>>
npm入手笔记0x002-发布自己的Node.js模块及其版本管理
查看>>
敏感词检测算法小结
查看>>
async/await with webpack+babel in Browser
查看>>
thinkphp邮箱验证码前后台
查看>>
2017-06-25 前端日报
查看>>
nginx域名配置非80端口的301跳转
查看>>
GIS软件开发工具包TatukGIS Developer Kernel v11.6添加Concave Hull
查看>>
【121天】尚学堂高琪Java300集视频精华笔记(37-42)
查看>>
eval/eval/compile 的异同
查看>>