`

css和html

 
阅读更多

css 的选择器

<!--[if !supportLists]-->1. <!--[endif]-->标记选择器:命名是取决于页面已有标签作为名称 语法例如h1{ }                  选择器作用范围:对页面所有此标签都起作用。

<!--[if !supportLists]-->2. <!--[endif]-->类型选择器:命名方式可以采取任意名称,但是名称前面要加.  使用方式:在需要使用的标签的class属性等于该选择亲的名称即可,使用范围:页面中所有的class属性等于该选择器的标签

<!--[if !supportLists]-->3. <!--[endif]-->ID选择器:命名方式可以采取任意名称 但是名称前面要加上#  ,命名方式#任意名称{  }   使用:和类型选择器一样的。

注意:ID属性一般用于Javascript中使用,页面中的ID的值最好是唯一。

基本语法:

选择器名称{

属性名称属性值(有些情况要加上引号);

}

Css 有继承关系和就近原则,内联定义只对哪个标签起作用。

4.css 有两种引用方式,一种是在本页面的head标签里直接写style标签,一种是引用外部的css文件。

 

 

Htmlframeset标签

<!--[if !supportLists]-->1. <!--[endif]-->frameset的 标签的页面是没有body的标签的,在head的标签线面就行了。Frameset 的表现有一个属性是cols= 10%,30%或者cols= 10%,*,表示是列的。

<!--[if !supportLists]-->2. <!--[endif]-->Frameset 里面的标签frame 标签,frame有个属性是src就是这个框架的那一列要显示那个页面的路径,还有一个name属性是为了控制也一列要显示的不同内容。要是一个连接要在这个框架的一列里面显示,要把这个连接的标签的target属性值和framename属性值一样的。

<!--[if !supportLists]-->3. <!--[endif]-->Frame 的混合使用方式。代码块为:

<frameset rows="30%,70%">
     <frame src="write.html">
	  <frameset cols="20%,*">
	  <frame src="emaillist.html" >
	  <frame src="main.html"  name="main">
	  </frameset>
  </frameset>

 例子在附件中

 

  • frame.zip (2.6 KB)
  • 描述: 这是frame的例子
  • 下载次数: 2
分享到:
评论
1 楼 u013680195 2014-04-02  
CSS基础教程17篇

此教程共17篇,由浅到深、循序渐进的讲述CSS知识。
对初学者有很大的学习价值,对已入门的朋友也有重要的参考价值。

1、CSS的应用
http://www.weby.com.cn/view.asp?id=13

2、CSS Selectors,Properties,and Values 选择器 、属性、值
http://www.weby.com.cn/view.asp?id=14

3、CSS的color颜色
http://www.weby.com.cn/view.asp?id=15

4、CSS的Text 文本
http://www.weby.com.cn/view.asp?id=16

5、Margin和Padding
http://www.weby.com.cn/view.asp?id=17

补充:CSS盒模型(Box Model)问题详解
http://www.weby.com.cn/view.asp?id=18

6、CSS的Border边框
http://www.weby.com.cn/view.asp?id=19

7、CSS属性结合起来使用
http://www.weby.com.cn/view.asp?id=20

8、CSS的Class以及ID选择器
http://www.weby.com.cn/view.asp?id=21

9、CSS的Grouping and Nesting分组和嵌套
http://www.weby.com.cn/view.asp?id=22

10、CSS的Pseudo Classes 伪类
http://www.weby.com.cn/view.asp?id=23
11、CSS的属性缩写
http://www.weby.com.cn/view.asp?id=24

12、CSS的Background Images 背景图片
http://www.weby.com.cn/view.asp?id=25

13、CSS的display属性
http://www.weby.com.cn/view.asp?id=26

14、CSS网页布局Page Layout
http://www.weby.com.cn/view.asp?id=27

15、CSS的At-Rules@规则
http://www.weby.com.cn/view.asp?id=28

16、CSS的伪元素Pseudo Elements
http://www.weby.com.cn/view.asp?id=29

17、CSS的优先级特性Specificity 
http://www.weby.com.cn/view.asp?id=30

相关推荐

    一个比较使用的旅游网页,漂亮的html+css网站模板、网页设计源码

    【标题】中的“一个比较使用的旅游网页”表明这是一个与旅游相关的网页设计模板,它采用了美观的HTML和CSS技术。在网页设计中,HTML(HyperText Markup Language)是基础,用于构建网页的结构,而CSS(Cascading ...

    CSS权威指南 css彻底设计研究 HTML5和CSS3实战 HTML5与CSS3设计模式

    在IT行业中,网页设计是至关重要的领域,而CSS(层叠样式表)和HTML5是构建现代网页的基础。本文将深入探讨"CSS权威指南"、"css彻底设计研究"、"HTML5和CSS3实战"以及"HTML5与CSS3设计模式"这四个主题中的关键知识点...

    css和html实现下拉菜单

    css和html实现下拉菜单,功能很好,很容易读懂

    HTML 与 CSS3 各种文档

    这个压缩包包含了多种关于HTML和CSS3的参考手册和教程,提供了丰富的学习资源。 在HTML方面,"06 HTML 4.01 XHTML 1.0 标签参考手册 chm.chm"是关于HTML4.01和XHTML1.0的标签参考资料。HTML4.01是HTML的一个稳定...

    css+html登录界面

    在本文中,我们将深入探讨如何使用CSS和HTML创建一个简洁且高效的登录界面。CSS(层叠样式表)和HTML(超文本标记语言)是构建网页布局和设计的基础工具,它们一起构成了网页的结构和样式。 首先,让我们从HTML部分...

    静态网页(纯CSS和html)

    静态网页,参加了教程,重点是响应式页面的实现,对css布局有了更深的认识。

    用HTML+CSS做一个漂亮简单的旅游网站——旅游网页设计与实现(6页)HTML+CSS+JavaScript

    通过以上分析可以看出,本项目的实现不仅涵盖了HTML、CSS和JavaScript的基础知识,还涉及到了一些高级特性如响应式设计、DOM操作和AJAX技术等。对于初学者来说,这些实践案例能够帮助他们更好地理解理论知识,并应用...

    HTML和CSS.md

    HTML和CSS.md

    用HTML+CSS做一个漂亮简单的花店网页【免费的学生网页设计成品】

    原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML静态网页设计...

    HTML模板、DIV+CSS模板、个人博客模板、DIV模板、CSS模板

    3. **个人博客模板**:个人博客模板是特别为个人博客设计的HTML和CSS组合,通常包含博主个人信息、文章列表、评论区等功能。这些模板注重个性化和用户体验,以简洁、安静和清爽的设计吸引读者。描述中的“简单、安静...

    Div+css(psd文件)html网站前台模板

    在网页设计中,设计师通常先在Photoshop中创建PSD文件,进行页面布局和元素设计,然后将这些设计切片并转换为HTML和CSS代码。这种工作流程能确保设计的精确度,并方便开发者理解设计师的设计意图。 在"Div+css(psd...

    sudoku:用 Javascript、CSS 和 HTML 实现的数独游戏

    该项目提供了 Javascript、HTML 和 CSS 中数独的简单实现。 它不使用任何前端框架,如 Backbone 或 Bootstrap。 每个游戏板都是伪随机生成的。 该游戏具有响应性,另外还包括对桌面键盘导航的支持。 如果他们的...

    html和 css 学习.zip

    html和 css 学习html和 css 学习html和 css 学习html和 css 学习 html和 css 学习html和 css 学习html和 css 学习html和 css 学习 html和 css 学习html和 css 学习html和 css 学习html和 css 学习 html和 css 学习...

    css+div漂亮的圆角tab选项卡

    在本主题“css+div漂亮的圆角tab选项卡”中,我们将深入探讨如何利用CSS和HTML创建具有美观圆角效果的tab选项卡。 首先,HTML结构是实现tab选项卡的基础。一个基本的tab选项卡结构通常包含一个容器(如`&lt;div&gt;`),...

    学习 HTML 和 CSS.zip

    学习 HTML 和 CSS学习 HTML 和 CSS学习 HTML 和 CSS学习 HTML 和 CSS 学习 HTML 和 CSS学习 HTML 和 CSS学习 HTML 和 CSS学习 HTML 和 CSS 学习 HTML 和 CSS学习 HTML 和 CSS学习 HTML 和 CSS学习 HTML 和 CSS 学习 ...

    web前端课程设计以及报告,jquery+js+css+html

    这个课程设计涵盖了四个关键的技术:jQuery、JavaScript、CSS和HTML,这些都是现代Web开发的基础。 首先,HTML(HyperText Markup Language)是构建网页内容的基本框架,它定义了网页的结构。通过使用不同的标签,...

    HTML+CSS 完成登录页面UI.zip

    HTML+CSS 完成登录页面UI HTML+CSS 完成登录页面UI HTML+CSS 完成登录页面UI HTML+CSS 完成登录页面UI HTML+CSS 完成登录页面UI HTML+CSS 完成登录页面UI HTML+CSS 完成登录页面UI HTML+CSS 完成登录...

    css-help-center:仅使用CSS和HTML创建的简单帮助中心

    CSS和HTML帮助中心 仅使用CSS和HTML创建的简单帮助中心 学分 设计: 演示版 我学到的是 @media screen and ..和@media all ...之间有什么区别@media all ...

    mangle-css-class-webpack-plugin:缩小并混淆现有JavaScript,CSS和HTML中的类名,而无需使用任何现代CSS模块

    缩小并混淆JavaScript,CSS和HTML中的类名 安装 npm i --save-dev mangle-css-class-webpack-plugin yarn add --dev mangle-css-class-webpack-plugin 用法 该插件将在HTML,JavaScript和CSS文件中生成优化的类名...

    HTML+CSS个人主页设计

    在IT行业中,HTML(HyperText Markup Language)...通过完成这个作业,学习者不仅能够掌握基本的HTML和CSS技能,还能锻炼问题解决和项目管理的能力。对于那些急需提交作业的小伙伴来说,这无疑是一个快速入门的好途径。

Global site tag (gtag.js) - Google Analytics