![](https://img-blog.csdnimg.cn/20190904112840109.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
一小时速学CSS基础
A.杨大侠
生活不易,继续努力
展开
-
CSS语法(一)——CSS规则及其理解
前言:现在的互联网前端分三层:HTML:超文本标记语言。从语义的角度描述页面结构。 CSS:层叠样式表。从审美的角度负责页面样式。 JS:JavaScript 。从交互的角度描述页面行为。建议先学习HTML基础然后再进行CSS学习CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明: 选择器通常是您需要改变样式...原创 2019-08-29 09:26:07 · 371 阅读 · 0 评论 -
CSS语法(二)——两个选择器及其扩展
CSS选择器Id和Classid 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。又一个栗子:<!DOCTYPE html><html><head><meta charset="utf-8"> <title>杨...原创 2019-08-29 09:31:14 · 583 阅读 · 0 评论 -
CSS语法(三)——样式表
样式表什么是样式表:CSS和HTML结合的方式,其实就是问你css的代码放在哪里比较合适。CSS代码理论上的位置是任意的,但通常写在<style>标签里。只要是<style>标签里的代码,那就是css代码,浏览器就是这样来进行解析的。插入样式表的方法有三种:行内样式:在某个特定的标签里采用style属性。范围只针对此标签。 内嵌样式表:在页面的head里采用&...原创 2019-08-29 09:52:01 · 592 阅读 · 0 评论 -
CSS语法(四)——BackGround(背景)
作用:CSS 背景属性用于定义HTML元素的背景。背景颜色background-color 属性定义了元素的背景颜色。栗子页面的背景颜色使用在body的选择器中:body {background-color:#b0c4de;}CSS中,颜色值通常以以下方式定义:十六进制 - 如:"#ff0000" RGB - 如:"rgb(255,0,0)" 颜色名称 - 如:"...转载 2019-08-29 14:07:18 · 251 阅读 · 0 评论 -
CSS语法(五)——文本格式
文本颜色:body {color:red;}对于W3C标准的CSS:如果你定义了颜色属性,你还必须定义背景色属性。文本的对齐方式:h1 {text-align:center;}p.date {text-align:right;}p.main {text-align:justify;}文本可居中或对齐到左或右,两端对齐.当text-align设置为"justify",...转载 2019-08-29 19:13:52 · 164 阅读 · 0 评论 -
CSS语法(六)——字体
字体系列font-family 属性设置文本的字体系列。font-family 属性应该设置几个字体名称作为一种"后备"机制,如果浏览器不支持第一种字体,他将尝试下一种字体。注意: 如果字体系列的名称超过一个字,它必须用引号,如Font Family:"宋体"。多个字体系列是用一个逗号分隔指明:实例p{font-family:"Times New Roman", Ti...转载 2019-08-29 19:20:17 · 145 阅读 · 0 评论 -
CSS语法(七)——连接
链接样式链接的样式,可以用任何CSS属性(如颜色,字体,背景等)。特别的链接,可以有不同的样式,这取决于他们是什么状态。这四个链接状态是:a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻注意:四个状态可以省略,但不能打乱顺序一个栗子:<!D...转载 2019-08-30 08:15:33 · 213 阅读 · 0 评论 -
CSS语法(八)——列表
CSS列表属性作用如下:设置不同的列表项标记为有序列表 设置不同的列表项标记为无序列表 设置列表项标记为图像列表在HTML中,有两种类型的列表:无序列表 - 列表项标记用特殊图形(如小黑点、小方框等) 有序列表 - 列表项的标记有数字或字母使用CSS,可以列出进一步的样式,并可用图像作列表项标记。不同的列表项标记list-style-type属性指定列表项标记的类型是...转载 2019-08-30 08:25:47 · 127 阅读 · 0 评论 -
CSS语法(九)——表格
表格边框指定CSS表格边框,使用border属性。举个栗子例子指定了一个表格的Th和TD元素的黑色边框<!DOCTYPE html><html><head><meta charset="utf-8"> <title>杨大侠</title><style>table,th,td{ bo...转载 2019-08-30 08:39:27 · 93 阅读 · 0 评论