css知识点笔记-常用属性
css知识点范围:常用属性
- 删除线:text-decoration : line-through
- 下划线:text-decoration : underline
- 斜体:font-style : italic
- 缩进:text-indent : 2em,em是文字的两倍大小;
- 伪类选择符:a : hover{} 鼠标滑过会有变化;
- class = “a b” 设置两个样式:.a{}设置颜色; .b{}设置字体,会同时生效。id的不可这样用;
- 行间距:line-height : 1.5em
- 两种强调:em标签显示为下划线,strong标签显示为粗体;
- 字母间距:letter-spacing : 50px
- 单词间距:word-spacing : 50px
- 块级元素:可以将行内元素设置为块级元素,一个块级元素独占一行。设置为块级元素就可以设置宽和高等很多值了,默认的宽度为父容器的宽度。
- display : block升级为块级,display : inline降级为内联,还有inline-block内联块级元素,这是个介于两者之间的一种类型;
- 块级元素具有盒子模型特征,有padding, bording, margin等属性;
- border-style : dashed虚线,dotted点线,solid实线;
- border-width : thin, medium, thick从细到宽;
- 布局模型:flow流动,float浮动,layer层;
- 层模型position : absolute绝对,relative相对,fixed固定;
- absolute和relative组合:绝对要在相对的里;
- 盒模型代码简写:上右下左。3种缩写:四边相同,两对边相同,对边相同;
css知识点笔记-常用属性相关推荐
- CSS边框的常用属性看这里
CSS边框属性 1 CSS边框的常用属性 2 HTML标签的边距 1 CSS边框的常用属性 (1) border:边框粗细 边框的样式 边框颜色; 边框的样式有四种,分别是solid单实线 doubl ...
- CSS学习笔记 display属性
CSS学习笔记05 display属性 HTML标记一般分为块标记和行内标记两种类型,它们也称块元素和行内元素. 块元素 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度.高度.对齐等属性, ...
- css知识点笔记-常见特性
css知识点范围:常见特性 颜色值缩写:#000000=#000,#336699=#369两两重复就能缩写: 字体缩写:只要缩写必须要有size和family这两个属性,font-size和line- ...
- 【CSS】display常用属性
1 display常用属性 值 描述 block 设置元素为块级元素 inline 设置元素为行内元素 inline-block 行内块元素 none 在不删除元素的情况下隐藏或显示元素(不占空间) ...
- CSS布局最常用属性float(浮动)和position(定位)
在进行CSS网页布局时,对元素与容器进行布置与规划,最常用的两个属性就是浮动float和定位position.这两个属性的理解对CSS网页布局的学习非常重要.我们52CSS.com就这两个属性的相关知 ...
- 初识HTML(四)进阶:CSS基础、常用属性
文章目录 什么是css? css语法定义 css实例 背景属性 opacity属性 文本属性 链接样式 行标签与块标签 border边框 margin外边距 padding填充 前言: 本章节将学习到 ...
- 【CSS知识点】——display属性详解
文章目录 display属性 dispaly属性的作用 display的分类 display-outside(外部值) display-inside(内部值) 使用flex实现上下左右居中: 使用fl ...
- css--DIV+CSS布局、常用属性、盒模型、自定义字体、标签的分类及相互转换
目录 一.DIV+CSS布局 1.1 布局时常用的属性 1.2 布局 - 上中下结构 1.3 布局 - 上中下 - 左右 1.4 圣杯布局和双飞翼布局 二.字体属性 2.1 字体颜色 2.2 字体大 ...
- JSP知识点笔记-常用技术方法
jsp知识点范围:请求回应,session,异常处理,cookie,数据库等 request具有请求域,即完成客户端请求之前,该对象一直有效: 客户端为动态时request获取不到,静态时才能获取到: ...
最新文章
- Java中的50个关键字
- 最怕的是,你永远也忘不掉 BY顾明烟
- 十大排序算法之快速排序(两种方法)
- css3新特性总结(视觉表现方面)
- linux更新命令yum,Linux中升级更新命令yum upgrade和yum update的区别
- ES6之Module 的加载实现(2)
- 偶然搜索看到的杂谈——什麼東西是.NET程序員可以掌握並且可倚仗十年而不管微軟存在與否的技術呢?...
- burp proxy 过滤_burpsuite只拦截特定网站数据包教程
- oracle怎么执行存储过程_分享一个分析Oracle存储过程性能小技巧
- windows mobile设置插移动卡没反应_u盘插入电脑没反应怎么办 u盘插入电脑没反应解决方法【详解】...
- 移远EC20模组网口SGMII通讯调试以及FC20wifi通讯调试
- 最新2022亲测可用的免费google翻译api
- G711 G723 G729线路占多少带宽问题
- linux解锁文件夹
- mac电脑运行速度变慢的十种解决方法
- 因果图法测试中国象棋马
- kubesphere多节点在线安装
- Windows Mobile开发资源介绍
- 过程计算机系统 pcs,炼钢AOD炉过程计算机系统设计与实现-软件工程专业毕业论文.docx...
- 六顶思考帽(edward de bono)
热门文章
- PYTHON_DACORATOR
- Linux下去掉Windows文件的^M
- 5. SQL Server数据库性能监控 - 当前请求
- 怎么卸载Apache_pn服务-PHPnow使用问题
- Android平台根目录文件
- WINCE6.0+S3C2443的启动过程---eboot3
- python urllib.request ssl失败_python requests SSL证书问题
- restful post请求_猿蜕变9——一文搞定SpringMVC的RESTFul套路
- Google Cloud 下一站之战略转变
- 快讯|腔家政服务商“懒猪到家”完成200万种子轮融资,卡伊妮洗衣连锁投资...