PHP初入，基础知识点整理（样式表&选择器的使用整理）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
/*全局设置,外边距*/
*{
margin: 0px;
padding: 0px;
}
/*id选择器*/
#d1{
width: 300px;
height: 200px;
background-color: greenyellow;
}
/*class选择器*/
.d3{
width: 300px;
height: 200px;
background-color: lightseagreen;
}
/*标签选择器*/
div{
border: solid black 5px;
}
/*不常用选择器*/
[name=N1]{
width: 300PX;
height: 100PX;
background-color: red;
}
/*并列选择器*/
.d4,.d5{
width: 300px;
height: 200px;
background-color: hotpink;
}
/*单独改字体,并不改其他的字体*/
.c6 span{
color: red;
width: 300px;
height: 200px;
}
/*并列选择器*/
.x1{
width: 300px;
}
.x2{
height: 200px;
}
</style>
<link type="text/css" rel="stylesheet" href="css/sdtyle1.css"/>
</head>
<body>
<!--第一种直接写--> <!--但是这种方式是最后用的-->
<div style="width: 300px; height: 200px; background-color: red;">这是第一种选择器</div>
<!--第二种用选择器-->
<div id="d1">这是第二种id选择器</div>
<!--第三种引入css文档-->
<div id="div2">这是第三种选择器</div>
<div class="d3"></div>
<!--选择器问题-->
<!--id name class-->
<!--不常用选择器-->
<div name="N1"></div>
<!--并列选择器-->
<div class="d4"></div>
<div class="d5"></div>
<!--子代选择器-->
<div class="c6">
<span>啦啦啦啦啦啦</span>
</div>
<span>啦啦啦啦啦</span>
<!--另类并列选择器x1和x2-->
<div class="x1 x2"></div>
<!--（敲黑板）优先级的问题，总的来说后面的代码优先级高-->
</body>
</html>
以上就是我学习和整理的内容，希望看到的同学对里面错误和不合适的地方进行指正，谢谢。
~~明天，又是充满希望的一天。
PHP初入，基础知识点整理（样式表&选择器的使用整理）的更多相关文章
- PHP初入,基础知识点分享（a标签&表格的嵌套&文字的处理）
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title> ...
- 网页制作之html基础学习3-css样式表
样式:CSS(Cascading Style Sheets,层叠样式表),作用是美化HTML网页. 在样式里面用 /* */ 进行注释. 1.样式表的基本概念 1.1.样式表分类 1.内联样式表 和 ...
- CSS样式表基础知识、样式表的分类及选择器
一.CSS基本概念: CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/ 此为注释语法 二.样式表的分类 1.内联样式表(和html联合 ...
- 前端基础之css样式（选择器）
一.css概述 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,对html标签的渲染和布局 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. 例如 二.c ...
- Qt样式表——选择器详解（父子关系）
在上一节中,小豆君给大家介绍了样式表的基本概念和大致用法.今天我们来详细了解下样式表中选择器的用法. 所谓选择器,就是指定你所设置的样式对哪个或哪些控件起作用. 到目前为止,Qt样式表支持CSS2中定 ...
- CSS样式表 选择器
1.内联样式表 和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例:<p style="font-size:14px;">内联样式表</p> &l ...
- Html 初识样式表&选择器
样式表&类选择器分类 样式表分类: 1.内联式样式表:在标签内部写样式代码,精确但不方便,增加工作量,后期修改麻烦. 2.嵌入式样式表:一般写在head内 以<style>.... ...
- java基础57 css样式、选择器和css定位（网页知识）
本文知识点(目录): 1.CSS样式 2.选择器 3.CSS定位 1.CSS样式 1.html 在一个网页中负责的是一个页面的结构 2.css(层叠样式表)在一个页面中负责了一个页面 ...
- CSS基础知识点（二）——选择器
在这一篇中,主要总结一下CSS中的选择器. 参考:http://www.cnblogs.com/webblog/archive/2009/07/07/1518274.html CSS中的选择器主要包括 ...
随机推荐
- 成为Java顶尖程序员 ，看这11本书就够了（转）
学习的最好途径就是看书",这是我自己学习并且小有了一定的积累之后的第一体会.个人认为看书有两点好处: 1.能出版出来的书一定是经过反复的思考.雕琢和审核的,因此从专业性的角度来说,一本好书的 ...
- 【学习OpenCV】——2.4对图像进行平滑处理
作者基于WIN10+VS2015+OpenCV3.0.0 (本人在学习的时候参考了xiahouzuoxin 的有关文章,在此感谢 ) 图像平滑与图像模糊是同一概念,主要用于图像的去噪.平滑要使用滤波器 ...
- 参数化Insert
public void Insert(Customer item) { string sql = @"USE [WXCustomerCard]GOINSERT INTO ...
- 给View添加手势,防止点击View上其他视图触发点击效果
在开发过程中,我们可能会遇到这个问题. 当我们给一个view添加了手势,但是我们又不想点击view上面的视图也触发手势.如下图: 我们在红色view上添加了手势,但是又不想点击黄色view也触发.其实 ...
- appium测试之获取appPackage和appActivity
appPackage和appActivity 进行appium自动化测试非常重要的两个参数,我们所测试的APP不同,这两个参数肯定也是不一样的.那如何快速的获取这APP的这两个参数呢?我这里介绍两个方 ...
- python 第三天
函数 函数的定义 def 语句定义函数,格式如下: def sayHello(name): if(name): print('hello',name) else: print('hello,','I\ ...
- 桥接模式二（Bridge)
昨天写到了桥接模式的代码实现,今天我们就继续来讲完桥接模式. 有认真看的会发现,昨天的代码实现只是两个维度的变化:哪么有人可能就会问了哪如果我要加多一个维度呢?我要具体到企业的哪个部门,哪我 ...
- noip普及组2005 陶陶摘苹果
陶陶摘苹果 描述 陶陶家的院子里有一棵苹果树,每到秋天树上就会结出10个苹果.苹果成熟的时候,陶陶就会跑去摘苹果.陶陶有个30厘米高的板凳,当她不能直接用手摘到苹果的时候,就会踩到板凳上再试试. 现在 ...
- HTML的第一课
今天是第一天学习HTML,老师讲的内容不是很多,内容也比较简单.但是标签的数量很多,在做作业时十分不熟练,很多标签需要重新看它的意思.而且有很多标签在一起用的时候容易搞混.学的标签中有很多地方是通用的 ...
- 优化testng报告
背景 搞过testng的同学都知道,testng自带的报告非常丑,而且有些字段的展示很不人性化,所以需要优化下报告 解决方案 尝试过一下开源的jar包,如ReportNG,奈何和目前使用的allure ...