CSS3学习笔记（一）--2015-12-3

派生选择器:根据元素在器位置的上下文关系来定义样式
例如：li strong{

color:red;

}

id选择器：为标有id的HTML元素指定特定的样式
id原则器以”#”来定义

id选择器和派生选择器：目前较常用的方式是id选择器常常用于建立派生选择器

类选择器：类选择器以一个点显示
class选择器也可以用作派生选择器

属性选择器：对带有指定属性的HTML元素设置样式
[title]{

color:blue;

}

属性和值选择器:

[title=te]{

color:red;

}

CSS样式- 背景
css允许使用纯色作为背景，也允许使用背景图像创建相当复杂的效果。

属性：

background-attachment:背景图像是否固定或者随着页面的其余部分滚动
background-color:设置元素的背景颜色
background-image: 把图片设置为背景
background-position:设置背景图片的起始位置
background-repeat:设置背景图片是否及如何重复
css样式- 文本
css文本属性可以定义文本外观

通过文本属性，可以改变文本的颜色、字符间距、对齐文本、装饰文本、对文本缩进

属性：

color ：文本颜色
direction ：文本方向
line-height ：行高
letter-spacing：字符间距
text-align：对齐元素中的文本
text-decoration：向文本添加修饰
text-indent：缩进元素中文本的首行
text-transform：元素中的字母
unicode-bidi：设置文本方向
white-space：元素中空白的处理方式
word-spacing: 字间距
css样式-字体
属性：

font-family：设置字体系列
font-size ：设置字体尺寸
font-style：设置字体风格
font-variant：以小型大写字体或正常字体显示文本
font-weight：设置字体的粗细
引入字体

例：

font-face{

font-family: myfont;

src: url();

}

div{

font-family: myfont;

}

css样式-连接
css连接的四种状态

a:link 普通的，未被访问的链接
a:visited 用户已访问的链接
a:hover 鼠标指针位于链接的上方
a:active 连接被点击的的时刻
常见的链接方式

text-decoration属性大多用于去掉链接中的下划线
背景颜色

background-color
css样式- 列表
list-style ：简写列表项
list-style-image ：列表项图像
list-style-position：列表标志位置
list-style-type：列表类型
css样式-表格
例：

#tb,tr,th,td{

border:1px solid blue;

}

css表格：css表格属性可以帮助我们极大地改善表格的外观
表格边框
折叠边框
表格宽高
表格文本对齐
表格内边距
表格颜色

CSS3学习笔记（一）--2015-12-3相关推荐

千峰HTML5+CSS3学习笔记
千峰HTML5+CSS3学习笔记文章目录千峰HTML5+CSS3学习笔记写在前面 1. 前言 2. HTML 3. CSS 3.1 选择器 3.2 CSS属性 4. 盒子模型 4.1 溢出属性 ...
Python学习笔记：Day 12 编写日志列表页
前言最近在学习深度学习,已经跑出了几个模型,但Pyhton的基础不够扎实,因此,开始补习Python了,大家都推荐廖雪峰的课程,因此,开始了学习,但光学有没有用,还要和大家讨论一下,因此, 写下这些 ...
前端HTML5+CSS3学习笔记
HTML5+CSS3学习笔记 ==CSS第一天== 一.css简介二.css语法规范三.css代码风格四.css选择器的作用五.css基础选择器 1.标签选择器: 2.类选择器 3.多类名选择 ...
【CSS3】CSS3 学习笔记（1w字+）
CSS3 学习笔记一 l CSS 基础 (一)CSS 介绍 1.CSS 教程 2.CSS 编写规范 (二)CSS 基础语法二 l CSS 选择器 (一)元素选择器 (二)选择器分组(多个选择器 ...
HTML5+CSS3学习笔记（第1章）HTML基础
HTML5+CSS3学习笔记(第1章)HTML基础今天是居家隔离第一天,自学HTML5. 1.1HTML概述什么是HTML HTML是一种标记语言.(Hyper Text Markup langu ...
HTML5+CSS3学习笔记（三）文档流和盒子模型【附练习：图片列表、左侧导航栏】
HTML5+CSS3学习笔记(三) 本系列更多文章,可以查看专栏 HTML+CSS学习笔记文章目录 HTML5+CSS3学习笔记(三) 一.CSS布局 1. 文档流(块级元素.行内元素.行内块元素) ...
HTML5与CSS3学习笔记
HTML与CSS学习笔记 HTML5 1.标签简单的网页的基本结构 <html><head><title>我的网页<title/></head& ...
css盒子模型圆形运用,【前端】CSS3学习笔记（三）——盒子模型
✨课程链接 [狂神说Java]CSS3最新教程快速入门通俗易懂_哔哩哔哩_bilibili ✨学习笔记盒子模型 Title /* body 总有一个默认的外边距 */ /* 常见操作 */ body ...
狂神css3笔记,【CSS】CSS3学习笔记（一）——选择器
✨CSS 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS不 ...
《数据挖掘导论》学习笔记：第1-2章
本文转载自:https://blog.csdn.net/u013232035/article/details/48281659 本文主要是在学习<数据挖掘导论(完整版)>中的学习笔记,主要 ...

CSS3学习笔记（一）--2015-12-3

CSS3学习笔记（一）--2015-12-3相关推荐

最新文章

热门文章