CSS语法 部分 3

方框属性:(Box)

width:    ; height:  ; float:      ; clear: both;                       margin:    ; padding:    ; 顺序:上右下左

长             高          浮动           清除多样式 针对div浮动         外边距         内边距

边框属性:(Border)

border-style: dotted;(点线) dashed;(虚线) solid; double;(双线)

groove;(槽线) ridge;(脊状) inset;(凹陷) outset;

border-width:; 边框宽度

border-color:#;

简写方法border:width style color; /*简写*/

列表属性:(List-style)

类型list- style-type: disc;(圆点) circle;(圆圈) square;(方块) decimal;(数字)

lower-roman;(小罗码数字) upper-roman; lower-alpha; upper-alpha;

位置list- style-position: outside;(外) inside;

图像list-style-image: url(..);

定位属性:(Position)

Position: absolute; relative; static;

visibility: inherit; visible; hidden;

overflow: visible; hidden; scroll; auto;

clip: rect(12px,auto,12px,auto) (裁切)

时间: 2024-10-14 11:00:47

CSS语法 部分 3的相关文章

CSS语法与用法小字典

前言:这是上学时期对CSS学习的整理,一直没见过光,由于不是专门做前端开发的,难免写不到重点,但对于看懂CSS,和掌握一些基本的用法,熟悉里面的门路还是大有裨益的.由于是从word中贴过来的,排版和格式都稍差些.方便日后自己查阅,方便自己同时也方便他人,多好的一件事啊,呵呵! CSS目录 一.       CSS简介... 4 1.    CSS的分类... 4 1.1      内嵌样式... 4 1.2      内部样式表... 4 1.3      外部样式表... 4 2.    样式

我给女朋友讲编程CSS系列(2)- CSS语法、3大选择器、选择器优先级

首先看一下使用Css设置h1标签字体颜色和大小的例子,效果图如下: 新建一个网页test.html,然后复制粘贴下面的内容: <html> <head> <style type="text/css"> h1 {color:red; font-size:14px;} </style> </head> <body > <h1>使用Css让h1标签字体变红</h1> </body> &

Unit02: CSS 概述 、 CSS 语法 、 CSS 选择器 、 CSS声明

Unit02: CSS 概述 . CSS 语法 . CSS 选择器 . CSS声明 my.css p { color: yellow; } demo1.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- 2.内部样式:在head元素内部的style标签内 写样式,这种样式

CSS基础学习三:CSS语法

CSS语法分为基础语法和高级语法. 一CSS 基础语法 (1)CSS 语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明,请使用花括号来包围声明. selector {declaration1; declaration2; ... declarationN } 选择器通常是您需要改变样式的 HTML 元素.每条声明由一个属性和一个值组成.属性(property)是您希望设 置的样式属性(style attribute).每个属性有一个值.属性和值被冒号分开. selector {

js语法和css语法的对比

方法: document.getElementById("xx").style.xxx中的所有属性是什么 盒子标签和属性对照 CSS语法(不区分大小写) JavaScript语法(区分大小写) border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-style borderBottomStyle border-bottom-width borderBotto

CSS语法

1.CSS语法规范总结 内联样式:有样式声明组成 <h1 style="background-color:silver;color:blue;">文本</h1> 样式表:有多个样式规则组成 每个样式规则有两部分:选择器和样式声明 2.CSS样式表特征 继承性 大多数CSS的样式规则可以被继承 层叠性 可以定义多个样式表 不冲突时,多个样式表中的样式可层叠为一个 优先级 样式定义冲突时,按照不同样式规则的优先级来应用样式 3.样式优先级 浏览器缺省设置 外部样式表

【03】emmet系列之CSS语法

[03]CSS语法 单位: 有几个常用值别名: p % e em x ex example: 输入: w100p  输出: width:100% example: 输入: m10p30e5x  输出: margin:10%30em5ex example: 输入: h10p+m5e 输出: height:10%;margin:5em; 颜色值: bd5#0s 输出: border:5px#000 solid 你可以写一个,两个,三个或六个字符的颜色值: #1 #111111 #e0 #e0e0e0

CSS自学笔记(2):CSS语法

CSS的语法规则主要有两个分构成选择器和声明(声明问一条或者多条). selector {declaration1; declaration2; ... declarationN } 选择器(selctor)是指你要改变样式的html元素.选择器有很多种,常用的id选择器和类选择器. 声明(declaration)是一个属性和一个值组成(要注意书写). 属性(property)都有一个值,属性和其值用":"分开. selector {property: value} 上面CSS代码的基

CSS css语法

CSS介绍 css(Cascading Style Sheet,图层样式表)定义如何显示HTML元素. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). CSS语法 css实例 每个css样式由两个组成部分:选择器和声明.声明又包括属性和属性值.每个神明之后用封号结束. CSS注释 /*这是注释*/ CSS的击中引入方式 行内样式 行内式是在标记的stykle属性中设定css样式.不推荐大规模使用. <p style="color: red">Hel

前端开发-CSS 语法

CSS 语法 CSS 实例 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明: 选择器通常是您需要改变样式的 HTML 元素. 每条声明由一个属性和一个值组成. 属性(property)是您希望设置的样式属性(style attribute).每个属性有一个值.属性和值被冒号分开. CSS声明总是以分号(;)结束,声明组以大括号({})括起来: p{ color:red; text-align:center; } 实例: <!DOCTYPE html> <html lang=