网页开端第三次培训笔记

news/2024/7/17 7:44:21

CSS主要内容

1.CSS是一种用来表现HTML或XML等文件样式的计算机语言,是用来美化页面用的,没有网页

则CSS毫无用处,所以CSS需要依赖HTML展示其功能。

CSS

2.CSS基本语法

css样式由选择器和一条或多条以分号隔开的样式声明组成,

每条声明的样式包含着一个css属性和属性值。

注意

  • css声明要以分号结束,声明以{}括起来
  • 建议一行写一个属性
  • 若值为若干单词,则要给值加括号,如font-family:"agency fb";

 3.CSS基本使用

一、css的定义

       选择器名{

              属性名:属性值;

              属性名:属性值;

        }

二、css的三种使用方式(行内样式、内部样式、外部样式) 

 行内样式:直接写在标签上的,在标签上通过style属性定义的样式

 内部样式:定义在style标签中的样式,style标签一般设置在head中

 外部样式:定义在外部的css文件,通过link标签引入

  • 当有多次样式时,越精准越优先

 4.CSS选择器

 

 

 

 

 css样式的优先级,是根据选择器的精准度决定的

 组合选择器

在css中包含了四种组合方式:后代选择器,子代选择器,相邻兄弟选择器,普通兄弟选择器

 

  

 

 


http://www.niftyadmin.cn/n/3649063.html

相关文章

流式布局的使用——使用固定布局

首先可以看下效果图 简单布局使用: <com.hbwj.p2pinvest.ui.FlowLayoutandroid:id"id/flow_hot"android:layout_width"match_parent"android:layout_height"wrap_content"android:background"android:color/holo_blue_light">&l…

Android中关于横竖屏问题

在以前的版本中只要在AndroidManifest.xml文件中对activity指定android:configChanges"keyboardHidden|orientation"属性&#xff0c;转屏的时候就会不再重新调用OnCreate()函数&#xff0c;而是调用onConfigurationChanged()。 但是在自从android3.2以后&#xff0c…

应用双节点,数据库是dg_如何使用节点构建轻量级发票应用程序:数据库和API

应用双节点,数据库是dg介绍 (Introduction) To get paid for goods and services provided, businesses need to send invoices to their customers informing them of the services that they will be charged for. Back then, people had paper invoices which they gave to …

查找算法集:顺序查找、二分查找、插值查找、动态查找(数组实现、链表实现)

//search.cpp : Defines the entry point for the console application.//#include "stdafx.h"#include "LinkTable.h"#defineMAX_KEY 500//------------------------------数组实现部分----------------------------------/**//* 无序数组顺序查找算法…

网页开端第四次培训笔记

CSS常用属性设置 1.背景&#xff08;css背景属性用于定义HTML元素的背景效果 background-color 设置元素的背景效果background-image 设置元素的背景图像&#xff0c;默认情况下&#xff0c;背景图像进行平铺重复显示&#xff0c; …

父子节点 构建_如何使用节点构建轻量级发票应用程序:用户界面

父子节点 构建介绍 (Introduction) In the first part of this series, you set up the backend server for the invoicing application. In this tutorial you will build the part of the application that users will interact with, known as the user interface. 在本系列…

Android零碎小知识

获取当前的版本号 public double getVersionCode() {try {int versionCode getPackageManager().getPackageInfo(getPackageName(), 0).versionCode;return versionCode;} catch (PackageManager.NameNotFoundException e) {e.printStackTrace();}return 0; }将版本号设置成1.…

TabActivity实现多页显示效果

由于手机屏幕有限&#xff0c;所以我们要尽量充分利用屏幕资源。在我们的应用程序中通常有多个Activity&#xff0c;而且会经常切换显示&#xff0c;这样我们就可以用TabActivity来显示。其效果如图1所示。 图1 tabActivity显示效果 本文就来研究TabActivity。根据帮助文档的解…