css常用单词
2024-10-08 06:01:53
<!-- type = circle表示空心圆 -->
<!-- type = disc 表示实心圆 -->
<!-- type = square表示方块 -->
!!!if---表达式为真则语句执行一次
!!!while---表达式为真则一直执行循环
!!!break---直接终止循环
!!!continue---结束当次循环
!!!align="center 排列 居中
!!!选中文字段落后,英文状态下ctrl+/是快速注释
!!!rowspan 竖向合并单元格 colspan 横向合并单元格
!!! <!-- img是标签,src是图片位置,alt是图片无法加载时候的提示信息 -->
title="鼠标放到图片上显示的字"
<!-- rowspan="3"竖向合并3个单元格 -->
max-width==最大宽度;
min-width==最小宽度;
<!-- video视频 width宽度 height高度 -->
<!-- align="center"——居中 -->
<!-- audio音频 -->
<!-- value为默认值 -->
<!-- input输入 type类型 -->
<!-- radio是单选按钮 -->
<!-- checked为默认对勾 checkbox复选框 -->
<!-- 加上id和for 是在页面上点击文字可以打对勾 -->
<!-- selecct 下拉列表 -->
<!-- size最多显示个数 -->
<!-- hidden隐藏内容 -->
<!-- maxlenght+数字 允许输入字数 -->
<!-- option 选项 -->
<!-- size最多显示个数 -->
<!-- hidden隐藏内容 -->
<!-- maxlenght+数字 允许输入字数 -->
background-image: url("./image/img3.jpg");==背景图像:地址("")
background-position: center;==背景位置:中心
background-repeat:no-repeat;==背景重复:无重复
background-position==背景位置(背景图才能用);
background-size: 100% 100%==背景尺寸
background: linear-gradient(X,X)==背景:渐变色
backface-visibility: hidden;=== 背面可见性:隐藏;
background-size: cover:===背景尺寸:封面
nth-child(1)==第一个孩子(1)
text-indent:2em ------------首行缩进两个字符
border: 1px dashed red;-----dashed(虚线)
border-radius:圆角
placeholder=""---输入框的默认值
z-index:==层叠先后级数
鼠标样式:cursor
font-style: italic=字体,样式,斜体
font-weight: bold;字体,粗体
writing-mode: vertical-lr;==书写方式垂直;
<!--contopls autoplay 自动播放 -->
line-height: 垂直居中
list-style: none; =列表,样式:无
transition-duration==过渡持续时间
 =空格;
margin-top:=上边距;
padding=衬垫,填充;
clear:both 清除浮动;
overflow: hidden=清除浮动;溢出,清除。
vertical-align:top----------垂直对齐:顶部
display: inline;=显示,行;
display:block=显示:块;
文本居中: text-align: center;
文本缩进:text-indent
vertical-align: top;==垂直对齐:顶部。
margin:0 auto; = 盒子居中
text-decoration: none;=去除下划线
text-decoration:underline;==文字装饰-下划线;
text-align: center;=文本对齐:居中;
display:inline-block;=显示:内连块;
Z-index:=层级
透明色-transparent;
opacity=透明度
text-decoration:none;文字装饰:无
list-style:none;列表样式:无(ul)
onclick="alert('Welcome!')"===弹出警告窗
type="button" ===按钮
border-radius: 20%;边界半径
border=边框;
border--collapse=边框折叠
border--spacing=0 ==边框间距
怪异盒子:box-sizing:border-box;
float: left;=左浮动;
left=左 ; right=右;top=顶部,上;bottom=底部,下。
soid=实线;dashed=虚线。
position: relative=相对定位;
position: fixed =固定定位;
position: absolute=绝对定位。
最新文章
- [LeetCode] Recover Binary Search Tree 复原二叉搜索树
- iOS 利用Charles抓包
- Javascript学习笔记:2种其他类型转换为数字Number类型的方式
- DNS解析全过程及原理
- 九度oj 1530 最长不重复子串
- [MVC4-基礎] 從資料庫取值顯示在DropDownList中
- PHP中的数组方法及访问方法总结
- YT新人之巅峰大决战04
- ssh框架的小实例(用户登录)
- SpringMVC详解(五)------参数绑定
- 新概念英语(1-7)Are you a teacher?
- Web开发学习之路--Springmvc+Hibernate之初体验
- 封装一个通用的正则,不再为test和replace所烦恼,eval很棒~
- C# MVC 微信支付教程系列之公众号支付
- 爬虫之验证码IP攻防心得——小总结
- Spring之 Aspect Oriented Programming with Spring
- 增加定时检测linux占用内存,及时清理功能
- hadoop streaming怎么设置key
- attr()与prop()之全选、反选问题
- String类使用
热门文章
- angularJS 初始化
- MySQL基础内容
- Porject Euler Problem 6-Sum square difference
- 理解和实现分布式TensorFlow集群完整教程
- SuperSocket主动从服务器端推送数据到客户端
- 4-3 调试代码命令 scrapy shell http://blog.jobbole.com/114496/(入口url)
- 在spring security3中使用自定义的MD5和salt进行加密
- H3C 动态路由协议在协议栈中的位置
- CCPC 2018 吉林 H ";LOVERS"; (线段树)
- MVC3 学习笔记 之(ajax表单)