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中的选择器主要包括 ...
随机推荐
- UE4 C++ 跳转网页
FString TheURL = "https://home.cnblogs.com/u/huojiaoqingchun0123/"; FPlatformProcess::Laun ...
- 为Tornado框架加上基于Redis或Memcached的session 【第三方】
Tornado 没有session,只有cookie_secret,这在一些情况下是不利于开发的.所有我们可以给Tornado加上session的功能. 这篇文章讲解的是依靠第三方包来实现.以后的文章 ...
- Cocoapods 应用第二部分-私有库相关
我们在这里,使用的是 第一部分使用pod lib create YohunlUtilsPod 创建的framework工程来说明.其创建过程在此就不重复了,当然你也可以下载我已经创建好的demo ht ...
- VM虚拟机的配置
1.软件安装 点击如图所示文件安装虚拟机 点击下一步,再安装过程中输入密钥 1F04Z-6D111-7Z029-AV0Q4-3AEH8 设置相关内容完成安装 2.加载虚拟机 点击软件图标打开软件 软件 ...
- linux文件系统目录解析
Linux下的文件系统为树形结构,入口为/ 树形结构下的文件目录: 无论哪个版本的Linux系统,都有这些目录,这些目录应该是标准的.各个Linux发行版本会存在一些小小的差异,但总体来说,还是大体差 ...
- mui开发app前言(一)
dcloud mui开发app前言 大一那会就听说html5快要发布了,前景无量,厉害到能写操作系统==|||(什么???蛤?) 似乎html5标准还没正式发布那会,使用hybrid模式开发app已经 ...
- mysql对binlog的处理
--mysql对binlog的处理 ------------------------2014/05/28 Binlog是mysql以二进制形式打印的日志,它默认不加密,不压缩.每个正常的binlog文 ...
- 云计算之openstack mitaka 配置详解(将疑难点都进行划分)
在配置openstack项目时很多人认为到处是坑,特别是新手,一旦进坑没有人指导,身体将会感觉一次次被掏空,作为菜鸟的我也感同身受,因为已经被掏空n次了. 以下也是我将整个openstack配置过程进 ...
- 【环境搭建】使用Jekyll搭建Github博客
前言 昨天花了差不多一天的时间,使用Jekyll搭建起了一套Github博客,感觉不错,也特将搭建过程记录下来,方便有需要的朋友自行搭建. 搭建步骤 本环境是在Linux环境下搭建完成的 安装前建议使 ...
- 为什么新生代内存需要有两个Survivor区
转载自:http://blog.csdn.net/antony9118/article/details/51425581 在JVM的新生代内存中,为什么除了Eden区,还要设置两个Survivor区? ...