一.css简介

1.什么是css

层叠样式表。

层叠:层层叠加,若果有冲突应用优先级高,不冲突的部分共同作用

样式表:就是css属性样式的集合;

2.作用

a.修饰html,使得html样式更好看

b.提高样式代码的复用性

c.html的内容与样式分离,便于后期维护

3.css的引入方式

1.内嵌样式

把css代码嵌入到html标签中

style=" 属性 :属性值 ; 属性:属性值"

语法:

1.使用style属性;

2.属性写法:属性:属性值;

3.多个样式使用”;“分开;

2.内部样式

<style type="text/css">

div{color:red; font-size:100px;}

</style>

语法:

1.使用style标签属性进行引入;

2.属性写法:属性:属性值;

3.多个样式使用”;“分开;

3.外部样式----推荐使用

将css样式抽成一个单独的css文件,谁用就引用这个文件;

<link rel="stylesheet" style="text/css" href=" css文件地址">

语法:

1.创建css文件写入css属性,

2.在head中使用link标签属性进行引入;

3.属性写法:属性:属性值;

4.多个样式使用”;“分开;

二.选择器

1.基本选择器(优先级 类选择器>Id选择器>标签选择器)

a.标签选择器

语法:html标签名{ css 属性}

b.类选择器

.+class

class的值可以重复

c.id选择器

#+id

id只有唯一性,不能重复

2.属性选择器

语法:基本选择器[ 属性="属性值"]{css 属性:属性值; }

3.伪元素选择器

a标签的伪元素选择器

静止状态 :a:link{css属性}

悬浮状态:a hover{css属性}

触发状态: a:active{css属性}

完成状态 a:visited{css属性}

4.层级选择器

按照层级进行选择

三.css属性

1.文字属性:

span{color:red;font-size:100px;font-family:黑体}

font-size:大小;

font-family:字体类型

font-weight:bold;加粗

2.文本属性:

color:颜色

text-decoration:下划线(a标签可以去掉下划线)

属性值:none;underline;

text-agin:对齐方式

属性:left; center; right;

line-high:字体之间的行高

3.背景属性:

">background-image:背景图片

属性:

url("图片地址")

background-repeat:平铺方式

属性: no-repeat;不重复 repeat-x;横向重复

repeat-y; 纵向重复repeat;横纵向平铺

4.列表属性:

list-style-type:列表项前的小标志

属性:太多了,可以查字典

list-style-image:列表项前的小图片;

属性:url("图片地址");

5.尺寸属性:

width:宽度

height:高度

6.显示属性:

display

属性:none 隐藏

block 块级别显示

inline 行级别显示(行级变成块级别)

7.浮动属性:

float:浮动

属性值:left right

clear:清楚浮动 left right both

技巧:在一个浮动的div之后,添加一个div来清除浮动

四.盒子模型

  略

css基本内容笔记(学习整理)的更多相关文章

  1. HTML+CSS基础小笔记再整理

    1. font的两个必须要写的:font-size 和 font-family text-indent 首行缩进(em)1em=一个文字大小 text-algin 对齐方式:left.center.r ...

  2. CSS进阶内容—盒子和阴影详解

    CSS进阶内容 在学习了CSS基本知识之后,我们需要进一步了解CSS,因此写下了这篇文章 当然如果没有学习之前的知识,可以到我的主页中查看之前的文章:秋落雨微凉 - 博客园 CSS三大特性 首先我们先 ...

  3. iOS学习笔记-精华整理

    iOS学习笔记总结整理 一.内存管理情况 1- autorelease,当用户的代码在持续运行时,自动释放池是不会被销毁的,这段时间内用户可以安全地使用自动释放的对象.当用户的代码运行告一段 落,开始 ...

  4. iOS学习笔记总结整理

    来源:http://mobile.51cto.com/iphone-386851_all.htm 学习IOS开发这对于一个初学者来说,是一件非常挠头的事情.其实学习IOS开发无外乎平时的积累与总结.下 ...

  5. java学习笔记系列整理说明

    java学习笔记系列整理说明 ​ 陆陆续续也巩固学习java基础也有一段时间了,这里整理了一些我认为比较的重要的知识点,供自己或者读者以后回顾和学习.这是一个学习笔记系列,有自己的整理重新撰写的部分, ...

  6. HttpClient学习整理

    HttpClient简介HttpClient 功能介绍    1. 读取网页(HTTP/HTTPS)内容    2.使用POST方式提交数据(httpClient3)    3. 处理页面重定向    ...

  7. 《CSS揭秘》笔记(一)

    前言 我们在现代 CSS 中所面临的挑战已经不在于如何绕过这些转瞬即逝的浏览器 bug.如今的挑战是,在保证 DRY ① .可维护.灵活性.轻量级并且尽可能符合标准的前提下,把我们手中的这些CSS特性 ...

  8. 《AngularJS学习整理》系列分享专栏

    <AngularJS学习整理>系列分享专栏   <AngularJS学习整理>已整理成PDF文档,点击可直接下载至本地查阅https://www.webfalse.com/re ...

  9. JavaScript学习整理(转载)

    JavaScript的学习整理(一) 目录: 1.换皮肤功能2.显示/隐藏(点击切换)3.显示/隐藏(onmouseover/onmouseout)4.选项卡5.全选/不选/反选(checkbox)6 ...

随机推荐

  1. 解决docker镜像无法删除的问题

    发现问题 来自守护进程的错误响应:冲突:无法删除050f26b6caca(必须强制) - 映像在多个存储库中被引用 Error response from daemon: conflict: unab ...

  2. 语音降噪论文“A Hybrid Approach for Speech Enhancement Using MoG Model and Neural Network Phoneme Classifier”的研读

    最近认真的研读了这篇关于降噪的论文.它是一种利用混合模型降噪的方法,即既利用了生成模型(MoG高斯模型),也利用了判别模型(神经网络NN模型).本文根据自己的理解对原理做了梳理. 论文是基于" ...

  3. spring-第三章-jdbc

    一,回顾 aop:面向切面编程,就是将一些和主业务流程没有关系的公共代码,提取封装到切面类,通过切入点规则,可以对目标方法进行功能增强;也就是可以再目标方法执行的前后添加一段额外逻辑代码; 二,Jdb ...

  4. [linux] Git基本概念&操作

    1.基本概念 版本控制系统:一种软体工程技巧,籍以在开发的过程中,确保由不同人所编写的同一项目代码都得到更新.并追踪.记录整个开发过程. 集中式(SVN)/ 分布式(GIT)版本控制系统:SVN的版本 ...

  5. [刷题] 437 Paths Sum III

    要求 给出一棵二叉树及一个数字sum,判断这棵二叉树上存在多少条路径,其路径上的所有节点和为sum 路径不一定始于根节点,终止于叶子节点 路径要一直向下 思路 分情况讨论:根节点在路径上(8) / 根 ...

  6. 保存 yum 下载的软件包并制作成本地 yum 源

    保存 yum 下载的软件包并制作成本地 yum 源 实验对象 CentOS 7 yum 安装 nginx (nginx必须使用第三源才能安装:redhat8版本的则不需要,官网源自带nginx软件包) ...

  7. 强哥node.js学习笔记

    node后端语言: nodejs学习大纲:1.node安装2.node repl开发3.node sublime开发4.node 使用5.node 中创建第一个应用6.node 回调函数7.node ...

  8. 用源码搭建LNMP环境+部署WordPress

    首先要做的是就是关闭Centos7.4的防火墙及selinux #systemctl stop firewalld #systemctl disable firewalld #sed -ri 's/^ ...

  9. 附: Python爬虫 数据库保存数据

    原文 1.笔记 #-*- codeing = utf-8 -*- #@Time : 2020/7/15 22:49 #@Author : HUGBOY #@File : hello_sqlite3.p ...

  10. 010.Ansible_palybook 循环语句

    Ansible循环语句 1 简介 我们在编写playbook的时候,不可避免的要执行一些重复性操作,比如指安装软件包,批量创建用户,操作某个目录下的所有文件等.正如我们所说,ansible一门简单的自 ...