![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
俗世凡人行
你若盛开,蝴蝶自来;
你若精彩,天自安排.
展开
-
CSS为网页添加样式------01
目录:一:认识CSS样式二:CSS样式的优势三:CSS代码语法四:CSS注释代码一:认识CSS样式1.CSS是一个很神奇的东西,设计者可以通过修改样式表的定义而使网页呈现出完全不同的外观。2.CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。3.eg:...翻译 2018-12-24 23:19:37 · 184 阅读 · 0 评论 -
CSS的单位和值------09
目录一:颜色值二:长度值一:颜色值在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种:1、英文命令颜色 前面几个小节中经常用到的就是这种设置方法: p{color:red;}2、RGB颜色这个与 photoshop 中的 RGB 颜色是一致的,...翻译 2018-12-26 00:42:32 · 76 阅读 · 0 评论 -
CSS代码缩写,占用更少的带宽------08
目录一:盒模型代码简写二:颜色值缩写三:字体缩写一:盒模型代码简写盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置...翻译 2018-12-26 00:33:17 · 103 阅读 · 0 评论 -
CSS布局模型------07
目录一:CSS布局模型二:流动模型三:浮动模型四:什么是层模型五:层模型--绝对定位六:层模型--相对定位七:层模型--固定定位八:Relative(相对定位)和Absolute(绝对定位)组合使用一:CSS布局模型1.清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的...翻译 2018-12-26 00:19:27 · 151 阅读 · 0 评论 -
CSS盒模型------06
目录:一:元素分类 二:元素分类--块级元素三:元素分类--内联元素四:元素分类--内联块状元素五:什么是盒模型六:盒模型--边框七:盒模型--宽度和高度八:盒模型--填充九:盒模型--边界序:盒模型是CSS布局的基石,它规定了网页元素如何显示以及元素间相互关系。一:元素分类 在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,...翻译 2018-12-25 16:01:41 · 101 阅读 · 0 评论 -
CSS格式化排版------05
目录:一.文字排版--字体 二:文字排版--字体.颜色三:文字排版--粗体四:文字排版--斜体五:文字排版--下划线六:文字排版--删除线七:段落排版--缩进八:段落排版--行间距(行高)九:段落排版--中文字间距.字母间距十:段落排版--对齐 序:详细介绍网页排版中主要格式化要素,帮助我们把CSS技术与网页编排紧密结合在一起,实现网页实用性与欣赏性...翻译 2018-12-25 15:57:49 · 273 阅读 · 0 评论 -
CSS继承.层叠和特殊性------04
目录 一:继承 二:特殊性三.层叠四:重要性一:继承 1.CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。p{color:red;}<p>三年...翻译 2018-12-25 15:53:59 · 73 阅读 · 0 评论 -
CSS选择器------03
目录:一:什么式选择器 二:标签选择器三:类选择器四:ID选择器五:类和ID选择器的区别六:子选择器七:包含(后代)选择器八:通用选择器九:伪类选择器十:分组选择器一:什么式选择器 1.每一条css样式声明(定义)由两部分组成,形式如下:选择器{ 样式;}2.在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作...翻译 2018-12-24 23:47:17 · 154 阅读 · 0 评论 -
CSS样式的基本知识------02
目录:一:内联式css样式,直接写在现有的HTML标签中 二:嵌入式css样式,写在当前的文件中三:外部是css样式,写在单独的一个外部文件中四:CSS样式三种方法的优先级一:内联式css样式,直接写在现有的HTML标签中 1.CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。2.内联式css样式表就是把cs...翻译 2018-12-24 23:44:23 · 106 阅读 · 0 评论 -
CSS样式设置小技巧------10
目录一:水平居中设置--行内元素 二:水平居中设置--定宽块状元素三:水平居中设置--不定宽块级元素四:垂直居中--父元素高度确定的单行文本五:隐性改变display类型一:水平居中设置--行内元素1.我们在实际工作中常会遇到需要设置水平居中的场景,比如为了美观,文章的标题一般都是水平居中显示的。这里我们又得分两种情况:行内元素 还是 块状元素 ,块状元素里面又分为...翻译 2018-12-26 01:19:59 · 266 阅读 · 0 评论