CSS语言笔记<二>

CSS属性

尺寸属性

任何html元素都具有宽和高，在CSS中用px来表示大小，也可以用百分号“%”。

px：像素

width：宽

height：高

border：边框

padding：内边距

margin：外边距

backgroun：背景

字体属性

font-family：设置字体

font-weight：粗细，值：bold（加粗）

font-style：斜体，值：italic（斜体）

font-size：文字大小

font：简写的形式

文本属性

color：颜色，值：可以是单词、10进制、16进制

text-align：文本水平对齐，值：left（左）、center（中）、right（右）

text-decoration：文本修饰线，值：none（无）、underline（下划线）、overline（上划线）、line-through（穿过文本的一条线）

text-indent：首行缩进，像素来表示，如：text-indent:24px; 缩进24像素。

letter-spacing：字的间距，同上，像素表示。

line-height：行高，同上，可以用百分比或者像素来表示。

待续....

时间： 2024-10-14 17:00:16

CSS语言笔记<二>的相关文章

CSS语言笔记<一>

CSS ( Cascading Style Sheets ) 中文:层叠样式表定于语法:<style type=""> </style> 实例: <style type="text/css"> a{ color:red; text-align:center; font-size:24px; } </style> 选择器 id选择器 HTML标签属性是以id来设定选择器,在CSS中就以“#”来选定. 如:<a i

CSS学习笔记09 简单理解BFC

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>BFC</title> 6 <style type="text/css"> 7 .div1 {background-color: #FCE38A; width: 200px; height: 100px;}

css 学习笔记一

css学习笔记1 1.选择特定元素的选择符: 上下文选择符标签1 标签2 {声明} 其中标签2是要选择的目标,而只有在标签1是其祖先元素(不一定是父元素)的情况下才会被选中. css代码: body代码: 理解:section标签 article标签就属于上下文的关系,即article为section的后代,只有应用了section的样式,才能应用article的样式.注意:继承关系中的空格问题,有空格的表示祖先与后代的关系,css写法,body的代码为,说明页面样式表文件

【转】CSS选择器笔记

作者: 阮一峰日期: 2009年3月12日来源:http://www.ruanyifeng.com/blog/2009/03/css_selectors.html 去年我学jQuery的时候,曾经做过一点选择器(selector)的笔记. 这几天拿出来看了一下,发现很多都忘记了.所以,我决定把它们贴在这里,方便以后查看.这对其他朋友应该也是有用的,毕竟选择器是制作网页效果的第一步. 笔记分为两个部分,今天是CSS的选择器,以后还有一部分xPath的选择器.今天的笔记中包括44个选择器,基本涵

css学习笔记四

广州天气变冷了,css学习笔记还是要总结. 总结: 1:几米页面静态页面主要是一列结构头部banner图,mainbody部分放文字内容和图书图片,底部是页面的版权信息 2:腾讯软件中心静态页面制作(二列浮动布局) 3:w3cschool静态页面制作 4:垂直菜单,水平菜单(li设置float),圆角菜单(利用背景图片), 鼠标移上去菜单高度变化(margin-top以及line-height), 鼠标移上去菜单宽度变化 (用jq写是利用hover和hide,用原生js写是文档加载完,遍历li里

C语言笔记1--类型、运算符与表达式

C语言笔记1--类型.运算符与表达式总论: 变量和常量是程序处理的两种基本的数据对象.声明语句说明变量的名字和类型,也可以指定变量的初值.运算符指定将要进行的操作.表达式则把变量与常量组合起来生成新的值.对象的类型决定该对象可取值的集合以及可以对该对象执行的操作. 一.变量与常量的名字 1.名字是由字母.下划线和数字组成的序列,其第一个字符必须为字母:下划线"_"被看做是字母,但一般不要以下划线"_"开头. 2.名字区分字母大小写,变量名使用小写字母.符号常量

html+css学习笔记 3[浮动]

inline-block/float(浮动) 回顾:inline-block 特性: 1.块在一排显示 2.内联支持宽高 3.默认内容撑开宽度 4.标签之间的换行间隙被解析(问题) 5.ie6 ie7不支持块属性标签的inline-block(问题) float浮动: 1.块在一排显示 2.内联支持宽高 3.默认内容撑开宽度 4.脱离文档流 5.提升层级半层文本流 float:left | right | none | inherit; 文档流是文档

html+css学习笔记 2[标签]

img标签/a标签 <img src="图片地址" alt="图片名"/> 图片(单标签)alt属性是图片名字,是给百度搜索引擎抓取使用: a标签: 链接/下载/锚点 href地址等于标签id target 链接打开方式 blank 新窗口 self 当前窗口 <base target="_blank"/> 定义页面链接默认打开方式常见标签 div

CSS自学笔记（3）:CSS样式表的使用

当浏览器读到一个样式表时,浏览器会根据这个样式表来格式化html文档,从而表现出各式各样的网页. 想要浏览器读到样式表,有三种方法: 1.外部样式表外部样式表可以理解为.CSS文件.当多个页面使用同一个样式的时候,外部样式表是一个很理想的选择. 在使用外部样式表的情况下,可以通过改变一个文件来改变整个站点的外观,无需在调整html文件,尤其是多个页面使用同一个样式的时候. 每个html页面使用标签<link>来连接外部样式表: <head> <link rel="