css样式记忆】的更多相关文章

text-indent: 2em;   //开头空两格: display : none;    //隐藏元素 background:#CCC;  //背景颜色 background: url(images/BG_1.jpg); float:left;   //浮动左对齐 text-decoration:none; // 去掉超链接下面的横线…
主要内容 CSS概述 CSS和HTML结合的三种方式:行内样式表.内嵌样式表.外部样式表 CSS四种基本选择器:标签选择器.类选择器.ID选择器.通用选择器 CSS三种扩展选择器:组合选择器.后代选择器.伪类选择器 CSS样式优先级 CSS 概述 CSS:Cascading Style Sheet,层叠样式表.CSS的作用就是给HTML页面标签添加各种样式,定义网页的显示效果.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. 接下来我们要讲一下为什么要使用CSS. HTML的缺陷…
参考http://v3.bootcss.com/css/,根据自己的记忆进行的复述,加深记忆. 首先介绍bootstrap全局CSS样式 只通过使用bootstrap.css,即可获得统一的样式设置.在使用全局bootstrap的样式时,只需=设置每个元素的class属性值即可. 同意基础样式,防止不同浏览器的样式不同,使用了Normalize.css. bootstrap需要为页面内容和栅格系统包裹一个 在一个容器中.共有两个有此作用的class .container 类用于固定宽度并支持响应…
本文最初于2015-10-03发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 本文主要内容 CSS概述 CSS和HTML结合的三种方式:行内样式表.内嵌样式表.外部样式表 CSS四种基本选择器:标签选择器.类选择器.ID选择器.通用选择器 CSS几种扩展选择器:后代选择器.交集选择器.并集选择器.伪类选择器 CSS样式优先级 前言 现在的互联网前端分三层: HTML:超文本标记语言.从语义的角度描述页面结构. CSS:层叠样式表.从审美的…
CSS样式中” 大于号” 在一段CSS代码中见到一个大于号(>),代码如下: BODY#css-zen-garden > DIV#extraDiv2 { BACKGROUND-IMAGE:url(../images/bg_face.jpg); Z-INDEX: 2; POSITION: fixed; WIDTH: 205px; BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left bottom; HEIGHT:…
本节笔记根据css中文手册整理,内容已做成思维导图.下载地址https://files.cnblogs.com/files/kuaizifeng/css.xmind.zip. css(Csacading Style Sheet)级联样式表,是控制网页样式并允许将样式信息与网页内容分离的一种标记性语言.也就是说,css的作用基本有两个:1.将样式定义从html中独立出来,更方便地设置样式:2.给标记的对象(html元素)设置样式,所以必须要先有对象. 语法: Selector {property:…
目录 1. 内联样式 2. 层叠样式表CSS 2.1. 类选择器 2.1.1. 颜色设置 2.1.2. 字号设置 2.1.3. CSS边框属性 2.1.4. 设置背景颜色 2.1.5. 设置布局边框 2.1.6. 样式的优先级别 2.2. ID属性及选择器 2.3. 颜色几种表示方法 2.3.1. 用英文颜色单词 2.3.2. 用6 位十六进制数字 2.3.3. 用rgb值 --------------------黄金分割线---------------------- 1. 内联样式 样式的属性…
前言 牛腩新闻发布系统中记忆最深的就是各种CSS选择器各种CSS样式,这些选择器之间肯定有它的优先级,包括CSS样式也一样,也是有它的优先级,本文介绍一些各种CSS选择器各种CSS样式以及它们的优先级. 内容 CSS语法 由两个主要的部分构成:选择器,以及一条或者多条声明. CSS选择器部分 DEMO 标记选择器 Html部分 <!--标记选择器--> <h1>Hello World</h1> CSS部分 h1{ color:red; font-size:12px; }…
## 因为初级的内容较多,所以选了一些有用的 需要记忆的内容写下 方便日后回顾 CSS语法   选择符{属性:属性值;} ##             所有的css代码 都要放在css样式表里面                 1:内部样式表  在head里面添加 style标签                 2:外部样式表                       连接外部样式表                         <link rel="stylesheet" …
用<div>元素为网页 在编写样式表时,我们经常要用div元素来包装内容: <div> <p>Here are two paragraphs of content</p> <p>In a div container.</p> </div> 就其本身而言,div什么也不做.但有了它,就可以基于类来应用一些样式.下面是一些可能的做法. 继承的值 有些css属性是可以继承的,也就是在一个元素上设置的值可以自动应用给该元素内部的所…