【CSS 基础语法】的更多相关文章

CSS基础语法与选择器

CSS基础 语法 : <head> <style type="text/css"> 选择器(即修饰对象){ 修饰属性:属性值; 修饰属性:属性值; } </style> </head> CSS选择器 标签选择器 ID选择器 类选择器 特殊选择器 交集 并集 后代选择器 通用选择器 伪类选择器 CSS3新增选择器…

CSS基础语法（一）

目录 CSS基础语法(一) 一.CSS简介 1.CSS语法规范 2.CSS代码风格 二.CSS基础选择器 1.标签选择器 2.类选择器 3.id选择器 4.通配符选择器 5.总结 三.CSS字体属性 字体系列 字体大小 字体粗细 文字样式 复合属性 总结 四.文本属性 1.文本颜色 2.对齐文本 3.装饰文本 4.文本缩进 5.行间距 总结 五.CSS的引入方式 1.内部样式表 2.行内样式表 3.外部样式表 总结 六.Chrome调试工具 使用调试工具 七.Emmet语法 1.快速生成HTML…

css基础-语法篇

CSS基础 1.css简介 cascading style sheets    汉译层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式. 2.CSS语法 选择符{属性:属性值:属性:属性值:} div{width:500px; background:yellow; height:100px; } 说明: 1)每个CSS样式由两部分组成,即选择符和声明,声明又分为属性和属性值: 2)属性必须放在花括号中,属性与属性值用冒号…

html标签和css基础语法与浏览器兼容性等相关基础学习

<!-- table的使用 --> <h3>前端日常</h3> <form action="https://www.baidu.com"> <table border="1px" cellspacing="0px"><!--cellspacing单元格间隙--> <thead></thead><tbody> <col span=&qu…

(二)CSS基础语法

CSS语法规则由两个主要的部分构成:选择器,以及一条或者多条声明. 下面的示意图为您展示了CSS语法结构: 例如: h1{color:red;font-size:14px;} 值得不同写法和单位 其中很多属性值有不同的写法和单位,比如:1.颜色:除了red英文单词,还有#ff0000十六进制的颜色值,和RGB(255,0,0) 或者RGB(100%,0%,0%)这几种写法. 2.字体大小:有px,em等的单位. 这里不再一一举例,我会在以后的整理中,填充这一部分的知识. 记得写引号 值为若干个单…

CSS从零开始(1)--CSS基础语法

1.CSS语法 CSS规则有两个主要部分构成:选择器,以及一条或多条说明. 例如:selector{declaration1;declaration2;declaration3;......;} 注:选择器通常是你需要改变样式的html元素. 每条声明有一个属性和一个值组成. 属性(property)是你希望设置的样式属性(style attribute).每个属性都有一个值,属性与值之间通过冒号(:)隔开. 例:h1{color:red;font-size:10px;} 2.值的不同写法和单位…

HTML 网页开发、CSS 基础语法——十二.CSS选择器

选择器 基础选择器:标签选择器,id选择器,类选择器,通配符选择器 高级选择器:后代选择器,交集选择器,并集选择器 1. 标签选择器: • 优点:可以选中所有的同名标签,设置所有同名标签的公共样式. • 缺点:只能实现全选,不能对局部的标签添加特殊样式.   2. id选择器 ① 通过标签上的 id 属性去选择标签. ② 书写方式:#id 属性值 ③ 选择范围:只能选中一个标签. ④ id 命名规则:必须以字母开头,后面可以有字母.数字.下划线.横线,严格区分大小写.每个 id 属性值必须是唯一…

HTML 网页开发、CSS 基础语法——八.HTML基本语法

表格制作 1.表格基础 创建一个简单的表格至少有三个标签组成,分别是<table>,<tr>,<td>标签. table:表格,定义的是整个的表格大结构. tr:table rows,表格的行,定义的是表格由多少行组成. td:table data, 表格数据,也叫表格单元格,定义每一行内部的单元格 三者的关系:table>tr>td. 一个表格中有多少行,每行中有多少个单元格. ① <table>的属性 <table>标签可以添加b…

HTML 网页开发、CSS 基础语法——三. HTML概念

1.纯文本格式 纯文本格式,就是没有任何文本修饰的,没有任何粗体,下划线,斜体,图形,符号,或者特殊字符,及特殊打印格式的文本,只保存文本,不保存其格式设置. ①格式对比 纯文本格式 富文本格式 最常见的是.txt文件.在存储和传输 过程中,只能保存文字,不能保存 格式. 与纯文本对应,最常见的是.rtf文件, 类似.doc文件,内部可以保存文本的 样式.图片等. ② 纯文本格式的特点 (1) 文件只能保存文本,不保存其他的格式或非文本内容,有利于网络传输. (2) 所有的纯文本格式文件,可以通…

CSS 基础语法

注:CSS对大小写不敏感,但是如果涉及到与HTML文档一起工作的时候,class和id名称对大小写是敏感的 一.color color:#ff0000; color:#f00; //缩写 color:rgb(255,0,0); color:rgb(100%,0%,0%); //0%的百分号不能省略 二.派生选择器 比方说,你希望列表中的 strong 元素变为斜体字,而不是通常的粗体字,可以这样定义一个派生选择器: li strong { font-style: italic; font-wei…

HTML5——css基础语法

1.了解CSS CSS是一种用来表现HTML等文件样式的计算机语言,是对HTMl文件中设置的各种标签添加各种各样的样式与表达方式,让网页更生动,更美观. 2.导入CSS的三种方式 1.行内样式表:直接在<body>主体的HTML标签中,使用style""的方式引用: 比如设置一个div的大小: <div style="height:100px width:100px"></div> 优点:使用灵活,优先级权重最高 缺点:不符合w3…

CSS基础语法

一.CSS常用选择器 前言: 页面中,所有的CSS代码,需要写入到<style></style>标签中. style标签的type属性应该选择"text/css",但是type属性可以省略. CSS修改页面中的所有标签,必须借助选择器选中. 选择器中,可以写多对CSS属性,用{}包裹.每个属性名与属性值之间用:分隔,多对属性之间,必须用;分隔. 写法: 选择器{ 属性1:属性值1; } (1)通用选择器:      1. 写法:*{ }      2.作用:选中…

css基础语法三

[]伪类选择器] 1.写法: 伪类选择器,在选择器后面,用:分隔,紧接伪类状态: eg : .a:link 2. 超链接的伪类状态: :link - 未访问状态 :visited - 已访问状态 :hover - 鼠标指上状态 :active - 激活选定状态(鼠标点下未松) 注意:当超链接多种伪类状态同时存在时,必须按照link-visited-hover-active的顺序,否则会导致部分选择器不生效: 3. input的伪类状态: :hover :focus - 获得焦点状态 :activ…

css基础语法二（常用文本与背景属性）

[CSS常用文本属性] 1. 字体.字号类:① font-weight: 字体粗细. bold-加粗.normal-正常.lighter-细体 也可以使用100-900数值,400表示normal,700表示bold ② font-style: 字体样式. italic-倾斜.normal-正常 ③ font-size: 字号. 可以写px单位,也可以写% 200%表示浏览器默认大小(16px)的两倍=32px ④ font-family: 字体系列(字体族). >>> 可以直接写字体名…

css基础语法一（选择器与css导入方式）

页面中,所有的CSS代码,需要写入到<style></style>标签中.style标签的type属性应该选择text/css,但是type属性可以省略. CSS修改页面中的所有标签,必须借助选择器选中.选择器中,可以写多对CSS属性,用{}包裹: 每个属性名与属性值之间用:分隔,多对属性之间,必须用;分隔.         选择器{                    属性1:属性值1;                    属性2:属性值2;                 …

H5取经之路——CSS基础语法

一.CSS常用选择器 [选择器的命名规则] * 1.只能有字母数字下划线组成,不能有其他任何字符 * 2.开头不能是数字 [通用选择器] * 1.写法:*{} * 2.选中页面中的所有标签 * 3.优先级:低于所有选择器 *{ background-color: gray; } [标签选择器] * 1.写法:HTML标签名{样式属性:样式属性值:...} * 2.作用:选中页面中所有对应标签 li{ color:red; } [类选择器] * 1.写法:.选择其名称{} * 调用:在需要改变样式…

CSS基础语法(三) CSS的6种特性

样式表常用写法及特性(组合.继承.关联性.权值性.层叠性.重要性) 1.样式的组合:把具有相同声明定义的选择符组合在一起,并用逗号隔开.-例如:段落元素p.单元格元素td和类c1可以使用相同样式: p,td,.c1{font-size:12pt;font-family:黑体;color:red} 2.样式的继承:若子元素未定义,则它将继承上级元素的样式的定义.但存在少数属性不能继承.(但注意有一些css样式是不具有继承性的.如border:1px solid red;) 继承时会一直向上找,如果…

CSS基础语法(一) CSS的3种引入

CSS样式表 CSS可算是网页设计的一个突破,它解决了网页界面排版的难题.可以这么说,HTML的Tag主要是定义网页的内容(Content),而CSS决定这些网页内容如何显示(Layout). Web早期,HTML是一种很有限的语言,这种语言不关心外观,它只是一种简洁的小型标记机制. 随着Mosaic网页浏览器的出现,网站开始到处涌现.对于页面改变外观的需求增加,于是增加了类似<font>和<big>之类的标记元素. 几年之后,大多数网站标记几乎完全由表格和font元素组成,且对于…

HTML 网页开发、CSS 基础语法——十.CSS语法

CSS代码书写位置 • CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明 1.内联式 ① 内联式简介 •内联式,也被习惯叫做行内式. •书写位置:在 HTML 标签之上的 style 属性中书写 css 样式. •所有的 css 样式属性总体组成标签的 style 属性的属性值. <div style="width: 100px;height: 100px; font-size: 14px;">1</div> ② 内联式缺点 a. 内联式必须写在标签…

HTML 网页开发、CSS 基础语法——九.CSS概述

1.产生背景 从HTML的答案盛开时,样式就以各种形式存在,最初的HTML只i包含很少的显示属性.随着HTML的成长为了满足页面设计者的要求,HTML添加了许多显示功能,随着功能的增加HTML页面变得越来越臃肿,CSS应运而生. 2. 发展过程 3.CSS概念 ① CSS全称 cascading style sheets,层叠样式表,是用来表现HTML的文件样式的计算机语言. ② 作用:静态地修饰网页,并且可以配合各种脚本语言动态地对网页个元素进行格式化. 4.CSS的组成 层叠式 样式 CSS…

HTML 网页开发、CSS 基础语法——七.HTML常用标签

标题标签(h1-h6) 1.标题标签 ① 标题(Heading),通过<h1>-<h6>六个标签分别来对六个级别的标题进行性定义的. ② <h1>是级别最高,也是字体最大的标题,<h6>定义最小的标题. ③标题标签是双标签,而且是容器级标签. 2.标题标签的作用 标题标签的作用是给标签内部的元素内容添加对应级别标题的予以,不负责文字的粗体字号等样式. 其样式是由CSS决定的. 3.标签级别 标题标签之间是不能相互嵌套的,下一级标题与上级标题之间通过同级关系书…

HTML 网页开发、CSS 基础语法——六. HTML基本结构

1.基本骨架 HTML文件最基本的四个标签,组成了网页的基本骨架,包括:<html>. <head>.<title>.<body>四组标签. ① <html>标签 作用:定义HTML文件的根元素,表示整个的HTML文档,所有的标签要书写在<html>标签内部. ② <head>标签 作用:用于存放<title>,<meta>,<base>,<style>,<script…

HTML 网页开发、CSS 基础语法——四. HTML基本语法

1. HTML规范和HTML标签 W3C:world wide web consortium,万维网联盟.专门发布和维护互联网的规范和标准. 2. HTML标签 HTML 标记通常被称为 HTML 标签 (HTML tag).标签在书写和使用过程中,必须遵循特定的语法. ① 标签名必须书写在一对尖括号<>内部. ② 标签分为单标签和双标签,双标签必须成对出现. ③ 双标签包含开始标签和结束标签,结束标签必须书写关闭符号/,单标签也需要进行自封闭书写.在HTML5中,单标签可以不写关闭符号. 3…

HTML 网页开发、CSS 基础语法——二.互联网原理

1. 互联网的运行过程 ①用户通过输入网址,发送一个HTTP请求到服务器中去,服务器里面存储了程序员上传的所有网页文件. ② 服务器一旦接收到请求,就会将我们所有的相关网页文件,回传到客户端,通过HTTP相应进行回传. ③客户端接收到了HTML文件之后,根据相关语法对HTML进行解读,并且再讲配套的所有文件请求响应过来,最终加载成用户看到的效果. ④整个过程就是客户端与服务器的传输过程,传输过程中会用到HTTP协议这个工具. 2. 服务器 服务器(server),就是一种特殊的计算机,也包括处理…

HTML 网页开发、CSS 基础语法—— 一. HTML概述(了解网页)

1. 网页的本质 ① HTML就是用来制作网页文件的. ② 浏览器查看的网页都是.html或.htm文件. ③ HTML叫做超文本标记语言(Hypertext Markup Language),用于搭建网页的结构,也就是网页的"骨架". 2. 网页的组成 ① 前端三层:HTML(结构层),CSS(样式层),JavaScript(行为),将网页比作一个人,HTML是他的骨架,CSS是他的皮囊,JS是这个人的行为动作. ② 其他的多媒体内容:图片,视频,音频,超级链接等. ③ 所有的网页文…

CSS基础语法(二) CSS的9种选择器

样式表的选择器 1.类选择器 根据HTML标签的class属性选择样式应用的属性 .类值{ … } 2.ID选择器 根据HTML标签的ID属性选择样式应用的元素 #id值{ … }  3.标签选择器 根据HTML标签选择样式应用的属性 标签名{ … } 4.子选择器 .food>li{     border:1px solid red; } 5.包含选择器 .first span{color:red;} 6.通用选择器 * {color:red;} 7.伪类选择器 1.静态伪类(只应用于超链接)…

HTML 网页开发、CSS 基础语法——十一. CSS常用样式

文字三属性 1.颜色color 2.字体font-family ① 常用字体 常用的中文字体: 宋体  SimSum 微软雅黑 Microsoft YaHei 常用的英文字体: 如果不设置字体属性,不同的浏览器有自己的默认字体. ② 注意事项 a. font-family 可以设置多个字体名称,在实际加载时只会选择一种加载,选择依据是按书写顺序进行,如果浏览器不支持第一个字体,则会尝试下一个,直到找到第一个支持的字体. b. 浏览器中加载的字体是用户机器中自带的,如果用户的电脑中没有设置的字体则…

HTML 网页开发、CSS 基础语法——五. 编辑器

…

Css基础-介绍及语法

css 文件后缀.css 基础语法: selector { property:value } 例如: h1 {color:red;font-size:14px;} color:字体颜色  font-size:字体大小 css 引入通过link: <link href="mycss.css" type="text/css" rel="stylesheet"> CSS高级语法: 1.选择器分组: 同时给多个属性添加样式 h1,h2 {co…

CSS基础介绍

CSS介绍 CSS是指层叠样式表,CSS样式表极大的提高了工作效率 CSS基础语法 1. 首先选择一个属性 2. 选择了属性以后,用大括号括起来 3. 括号里面是对应的属性和属性值,如: selector { property: value; } 举一个实际的例子,就像这样: h1是属性,然后一个大括号,括号中的color是属性,后面跟着对应的属性值red,设置结束后需要用;来分别各个属性 h1 { color: red; font-size: 14px; } 使用CSS样式: 需要在html中…