三、层叠样式表属性

1.文字属性

        font-size:字体大小
line-height:行高
font-family:字体
font-weight:粗细程度
.......等等很多,可自行学习

2.文本属性

	color:文本颜色
text-align:对齐方式 值:left center right
text-decoration: 值:none(去下划线) underline(设置下划线) line-through(中划线) overline(上划线)
text-transform:单词大小写 值:uppercase(单词大写) lowercase(单词小写)capitalize(每个单词的首字母大写)

3.背景属性

	background-color:背景色
background-image:背景图 url("图片的路径");
background-repeat:背景平铺方式 值:默认横向纵向平铺 repeat(横向纵向平铺) no-repeat(不平铺) repeat-y(纵向) repeat-x(横向)

4.列表属性

	list-style-type:列表项前的小标志   值:有很多,可自行找资料学习 例:none   disc  circle
list-style-image:列表项前的小图标 值:url("图片路径")

5.尺寸属性

	width:宽
height:高
line-height:行高
max-height:最大高度
max-width:最大宽度
min-height:最小高度
min-width:最小宽度

6.显示属性

	display:  值:none(隐藏)    block(块级显示)  inline(行级显示)
带着疑问先学吧,这个属性是可以把提示信息隐藏,比如说:密码要求8位,但是错误信息不会立即显示,待你提交表单时在后面显示:(假如只输入7位)密码不够8位,无效密码,请重新输入。

7.浮动属性

	float:值:left  right   clear:清除浮动 (left/right/both)
劣势:首先会影响相邻元素不能正常显示,其次在嵌套时影响父级元素不能正常显示,解决方法是要clear浮动。

四、层叠样式表的盒子模型

1.border边框

border-width:边框的宽度
border-color:边框的颜色
border-style:边框的线型
border-left:左边框
border-right_右边框
border-top:上边框
border-bottom:下边框

2.padding:边框内壁与内部元素的距离

padding:1px(上下左右皆一样)
padding:10px(上下) 20px(左右)
padding:10px(上) 20px(左右) 30px(下)
padding:10px(上) 20px(右) 30px(左) 40px(下)
padding-top:单独设置

3.margin:边框外壁与其他元素的距离

margin:1px(上下左右皆一样)
margin:10px(上下) 20px(左右)
margin:10px(上) 20px(左右) 30px(下)
margin:10px(上) 20px(右) 30px(左) 40px(下)
margin-top:单独设置

注:未经同意请勿转载,仅作学习使用。以上有描述不正确之处,望大家能不吝指出,共同学习共同进步。谢谢

层叠样式表(CSS)3的更多相关文章

  1. 层叠样式表(CSS)

    层叠样式表(CSS) CSS(Cascading Style Sheet)中文译为层叠样式表.是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言.CSS的引入就是为了使得HTML语言能够 ...

  2. __x__(16)0906第三天__层叠样式表CSS简介

    层叠样式表CSS Cascading Style Sheets 用来为网页创建样式表,通过样式表对网页进行装饰. 所谓层叠,就是将网页想象成一层一层的结构,层次高的将覆盖层次低的. CSS可以为网页的 ...

  3. css学习(1)-- 层叠样式表CSS的基础

    一.什么是CSS CSS是Cascading Style Sheets的简写,它除了可以轻松设置网页元素的显示位置和格式处,甚至还能产生滤镜,图像淡化,网页淡入淡出的渐变效果. 一个样式表由样式规则组 ...

  4. 层叠样式表css的优先级

    优先级1:外部<内部<行内优先级2:标签选择器<类选择器<ID选择器

  5. CSS学习笔记

    CSS学习笔记 2016年12月15日整理 CSS基础 Chapter1 在console输入escape("宋体") ENTER 就会出现unicode编码 显示"%u ...

  6. CSS层叠

    前面的话 层叠样式表CSS最基本的一个特性就是层叠.冲突的声明通过层叠进行排序,由此确定最终的文档表示.而这个过程的核心就是选择器及其相关声明的特殊性.重要性.来源及继承机制.本文将详细介绍CSS层叠 ...

  7. web前端:css

    css简介: web文档的结构由html元素定义,而这些html元素是如何显示的,则是由层叠样式表css来定义,这样就实现了结构与表现的分离. 1.外部样式表 可以将样式定义放在一个单独的文件中,并且 ...

  8. (转)第一天 XHTML CSS基础知识 文章出处:标准之路(http://www.aa25.cn/div_css/902.shtml)

    欢迎大家学习<十天学会web标准>,也就是我们常说的DIV+CSS.不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准. 学习本系列教程需有一定html和css基础,也 ...

  9. CSS样式总结

    CSS: Cascading Style Sheet,层叠样式表 Css由三部分组成:选择符.样式属性.值: 基本语法:选择符 {样式属性:值:样式属性:值.....} 一,选择器 常用的选择器有:标 ...

  10. [CSS3] 学习笔记-CSS入门基本知识

    1.CSS概述 CSS指层叠样式表 CSS样式表极大的提高了工作效率 1)CSS基础语法: selector{ propery:value } 例1:h1{color:red;font-size:14 ...

随机推荐

  1. C++ Primer 5th 阅读笔记:变量和基本类型

    一些语言的公共特性 内建类型,如整型,字符型等: 变量,为值绑定的一个名字: 表达式和语句,操作值. 分支和循环,允许我们条件执行和重复执行: 函数,定义抽象计算单元. 扩展语言的方式 自定义类型: ...

  2. 在循环内调用 size() 方法的开销大吗?

    for (int i = 0; i < buildings.size(); i++) {} 和 int n = buildings.size(); for (int i = 0; i < ...

  3. Prism Sample 16-RegionContext

    终于发现一个有趣的新知识了. 本例的核心是RegionContext,意思是一个区域的上下文.但与DataContext似乎并不相同. 先看一下整体思路. 在主窗体上只有一个Region: <G ...

  4. 虚拟机的安装与linux系统的使用

    虚拟机的安装与应用 下载安装VMware Workstation Pro 安装成功之后点击创建虚拟机 勾选典型机型 勾选自动检测安装映像文件 设置虚拟机的命名和安装路径 设置磁盘的大小和虚拟磁盘的储存 ...

  5. 2021-11-23:规定:L[1]对应a,L[2]对应b,L[3]对应c,...,L[25]对应y。 S1 = a, S(i) = S(i-1) + L[i] + reverse(invert(S(

    2021-11-23:规定:L[1]对应a,L[2]对应b,L[3]对应c,-,L[25]对应y. S1 = a, S(i) = S(i-1) + L[i] + reverse(invert(S(i- ...

  6. 2013年蓝桥杯C/C++大学B组省赛真题(第39级台阶)

    题目描述: 小明刚刚看完电影<第39级台阶>,离开电影院的时候,他数了数礼堂前的台阶数,恰好是39级! 站在台阶前,他突然又想着一个问题: 如果我每一步只能迈上1个或2个台阶.先迈左脚,然 ...

  7. vue对vue-giant-tree进行节点操作

    vue 项目中使用到了vue-giant-tree这个使用ztree封装的树形插件,在对其节点进行操作时遇到了无法向传统的jquery那样获取到ztreeObj:而导致了无法控制节点dom:浪费了许多 ...

  8. 文件系统考古:1974-Unix V7 File System

    有时,进步难以察觉,特别是当你正身处其中时.而对比新旧资料之间的差异,寻找那些推动变革的信息源,我们就可以清晰地看到进步的发生.在Linux(以及大部分Unix系统)中,都可以印证这一点. Unix ...

  9. js 之三 鼠标和键盘事件处理

    鼠标和键盘事件 鼠标常见的事件,按下onmousedown,拖动onmounsemove,松开onmousevtup,滚轮等事件: 开发需求: 当鼠标点击控件,进行拖拽,控件跟随鼠标移动: 拖拽事件需 ...

  10. K8S in Action 读后感(概念简介)

    一.K8S的用武之地 今天,大型单体应用正被逐渐拆分成小的.可独立运行的组件,我们称之为微服务.微服务彼此之间解耦,所以它们可以被独立开发.部署.升级.伸缩.这使得我们可以对每一个微服务实现快速迭代, ...