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

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

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

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

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

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

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.标签级别标题标签之间是不能相互嵌套的,下一级标题与上级标题之间通过同级关系书…

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常用文本属性] 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的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.静态伪类(只应用于超链接)…

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)属性必须放在花括号中,属性与属性值用冒号…

CSS基础语法与选择器

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

CSS基础语法和CSS经常用到的知识点总结

1. [代码]css基础教程 CSS基础语法CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明.每条声明由一个属性和一个值组成.每个属性有一个值.属性和值被冒号分开.例如:下面这行代码的作用是将 h1 元素内的文字颜色定义为红色,同时将字体大小设置为 14 像素.在这个例子中,h1 是选择器,color 和 font-size 是属性,red 和 14px 是值.h1 {color:red; font-size:14px;}//看见后面有分号,如果是一个属性或者这个属性在尾部可…

IOS-网络（网页开发-UIWebView，HTML，CSS，JavaScript，OC和JS代码互调）

一.网页基础 // // ViewController.m // IOS_0218_网页开发1 // // Created by ma c on 16/2/18. // Copyright © 2016年博文科技. All rights reserved. // #import "ViewController.h" @interface ViewController () @property (weak, nonatomic) IBOutlet UIWebView *webView;…

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

<h3>前端日常</h3> <form action="https://www.baidu.com"> <table border="1px" cellspacing="0px"> <thead></thead><tbody> <col span=&qu…

HTML5——css基础语法

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

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

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

CSS基础(html＋css基础)

css: CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小.颜色.字体加粗等. 1.CSS代码语法: css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则的元素. 声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔.当有多条声明时,中间可以英文分号“;”分隔,如下所示: p{font-size:12px;color:red…

css基础--简单介绍css

--引入什么是css? CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一样式表定义如何显示 HTML 元素,html标签定义了网页的骨架,而css的作用就是为骨架穿上衣服.并且样式通常保存在外部的 .css 文件中.通过仅仅编辑一个简单的 CSS 文档,…

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) 所有的纯文本格式文件,可以通…

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

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

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是这个人的行为动作. ② 其他的多媒体内容:图片,视频,音频,超级链接等. ③ 所有的网页文…

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 基础语法——五. 编辑器

…

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

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