实训9.5.前端:CSS Id 和 Class

CSS Id 和 Class

id 和 class 选择器

如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。

id 选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。

以下的样式规则应用于元素属性 id="para1":

实例

#para1 {

  text-align:center;

  color:red;

}

class 选择器

class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。

class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示:

在以下的例子中,所有拥有 center 类的 HTML 元素均为居中。

实例

.center {text-align:center;}

注意: ID属性不要以数字开头,类名不要以数字开头

Id具有唯一性

原文地址:https://www.cnblogs.com/xtxt1127/p/11470236.html

时间: 2024-08-29 08:31:52

实训9.5.前端:CSS Id 和 Class的相关文章

实训9.4.前端:表格tr,td,th,表格属性

<table border="1" cellspacing="10" cellpadding="10" bgcolor="red"> <tr> <th align="left">首列</th> </tr> <tr> <td></td>//行里的单元格 </tr>//行 </table> 注

实训9.4.前端:js script放在head跟body里面的区别

在head中时,所代表的functions只加载而不执行,执行是在某一事件触发后才开始. 在body中时,直接加载并执行 典型区别:如果有不在函数中的执行语句,比如变量初始化,如果在head中就不会执行. 原文地址:https://www.cnblogs.com/xtxt1127/p/11470216.html

企业实训收获之--web前端设计

这周系里安排了企业实训,该企业是北京金源万博公司,旗下两个子公司一个是开发接项目的,一个是IT培训的.这两天给我们上课的是开发部的一个技术人员.他这两天给我们主要讲的是web前端的设计.下面来和大家分享一下这两天的收获. 任务一:点击标题,使隐藏内容下滑出现. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra

HTML+CSS网站实训项目总结

  学完HTML+CSS,迎来的最重要的是网站实训和答辩的准备.          第一次的项目分配,因剪刀石头布的手气,得到第二名的机会,却实在不怎么了解各个网站,(当然除了最熟悉的淘宝),选择了组员的要求——国美在线.          国美在线,是国美电器唯一官方商城,中国领先的专业家电网购平台.          这是第一次做的团队小项目,也是第一次以组长的身份和组员进行磨合和合作.          于组长的身份,这是最大的感受除了开始拿到项目的时候的小小激动,就是怕分工不恰当和组织不

暑假企业实训总结

企业实训期间,我们跟随企业从业人员学习了web相关的基本知识,并且开发了公证处的部分后端.由于时间紧迫,并且是边学边做进程十分缓慢,在企业实训课时上完后,我们的后端开发进程仍然差很多.在企业实训结束后,我们也没有项目的需求文档,这样进行后续的开发就十分繁琐麻烦. 企业实训期间进行的公证处后端开发,主要进行了MVC三层开发1.表现层(UI)2.业务逻辑层(BLL) 3.数据访问层(DAL)实现了网页从数据库中提取数据,前端显示相关的信息图片.开发了网站的后端管理,实现了用户名.验证码.密码登录,注

网页实训课程心得体会

摘要:2005年以后,互联网进入Web 2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化.网页不再只是承载单一的文字和图片,各种丰富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的. 如今web技术应用随着移动互联网和智能手机的发展也变得更为广泛,不再局限于某一特定平台.甚至如今5G技术的快速应用,我们也能遇见一个万物互联的世界,而前端作为物联网应用的‘脸’,因而变得再次火热.因此作为大学生,应从常用的we

c++课程实训 银行储蓄系统

基本要求:定义了用户类(User)和银行类(Bank),用成员函数实现各种功能,多文件组织程序.能用文本文件存取数据(如演示样例中给出的技术): 拓展方向: 序号 加分项目 细       则 1 改变Bank类中用户信息的存储方式 用对象的指针数组存储(User *user[upNum]) 或者用动态数组(User *users.空间用new分配) 2 功能扩充 按银行实际业务的要求,添加User类中的数据成员,可以记录身份证号.家庭住址等信息,并在相关业务中使用这些数据. 记录用户的每一笔业

.NET MVC4 实训记录之四(Unit of work + Repository)

今日后开启进阶模式! 谈到MVC与EntityFramework,则不得不说一说事务与仓储(Unit of work + Repository). 仓储(Repository):领域对象集合.用于操作领域对象与数据库上下文(DbContext)的交互(在此不得不说一声,领域对象和数据库表对象还是有区别的.领域对象实际上是一组有业务关系的数据库对象的抽象.最简单的形式就是主表.关系表在同一个领域对象中进行定义.例如我们前几章看到的UserProfile,它即定义了用户信息,又定义了用户角色关系信息

安卓实训第九天---Activity的复习以及在Onstart里设置网络连接

今天,首先对Activity的生命周期进行复习: (下面的截图部分是借鉴自赵雅智老师的博客...) Activity的完整生命周期自第一次调用onCreate()开始,直至调用onDestroy()为止.Activity在onCreate()中设置所有"全局"状态以完成初始化,而在onDestroy()中释放所有系统资源.例如,如果Activity有一个线程在后台运行从网络下载数据,它会在onCreate()创建线程,而在 onDestroy()销毁线程. 刚进入activity: 按