css第一个元素 | 易学教程

form表单和CSS

阅读更多关于 form表单和CSS

一、form表单 1. form表单有什么用能够获取用户输入的信息（输入，选择，上传的文件），并且将这些数据全部发送给后端 2. form表单的用法（1）有两个重要参数： action ：控制数据提交的地址三种书写方式：不写，默认就是朝当前这个页面所在的地址提交数据写全路径，如 http://www.baidu.com 只写路径后缀（/index/） method ：控制数据提交的方式 get form表单默认是get请求 post <body> <form action="http://127.0.0.1:8000/index/" method="post" enctype="multipart/form-data"> </form> </body> （2）input 结合 label 一起使用 <body> <form action="http://127.0.0.1:8000/index/" method="post" enctype="multipart/form-data"> 1. 绑定id值方法一 <label for="d1">用户名:<input type="text" id="d1"></label> 绑定id值之后在浏览器中点击label标签内文字任何的位置都可以自动选中input框 2. 绑定id值方法二 <label for="d2"

前端之css

阅读更多关于前端之css

什么是 CSS ? 　　CSS (Cascading Style Sheet)译作"层叠样式表",是用于控制或增强网页样式并允许将样式信息与网页内容分离的一种标记性语言。使用CSS样式可以控制许多仅使用HTML无法控制的属性。当浏览器中打开一个HTML网页时，浏览器将读取该网页中的HTML标签，并根据内置的解释规则将网页元素呈现出来。CSS决定浏览器将如何描述HTML元素的表现形式。 CSS3模块 CSS3中的模块模块名称功能描述 Basic box model 定义各种与盒相关的样式 Line 定义各种与直线相关的样式 Lists 定义各种与列表相关的样式 Presentation Levels 定义页面中元素的不同样式级别 Speech 定义各种与语音相关的样式。比如音量，音速，说话间歇时间等属性 Background and border 定义各种与背景和边框相关的样式 Text 定义各种与文字相关的样式 Color 定义各种与颜色相关的样式 Font 定义各种与字体相关的样式 Paged Media 定义各种页眉，页脚，页数等页面元数据的样式 Cascading and inheritance 定义怎样对属性进行赋值 Value and Units 将页面上各种各样的值与单位进行统一定义，以供其他模板使用 Image Values 定义对image元素的赋值方式

CSS选择器（CCS第三版）

阅读更多关于 CSS选择器（CCS第三版）

什么是选择器？ CSS选择器就是使样式找到应用对象。简单选择器（Simple selectors）在日常开发中，最常用的选择器，也是最基本的选择器。元素选择器（Type selector）针对HTML元素的选择器，用于寻找指定的HTML元素。 a { color: blue; } p { color: black; } 通用选择器（Universal Selector）通用选择器可设置全部的HTML元素，由一个 * 表示。 * { margin: 0; } 属性选择器（Attribute presence and value selectors）类型描述 [title] 选择具有 title 属性的所有元素。 [title="baidu"] 选择具有 title 属性且值为"baidu"的所有元素。 [title~="baidu"] 选择 title 属性值中出现的一个用空格分隔的"baidu"的元素。 [title^="baidu"] 选择 title 属性值以 "baidu" 开头的所有元素。 [title$="baidu"] 选择 title 属性值以 "baidu" 结尾的所有元素。 [title*="baidu"] 选择 title 属性值中包含字串"baidu"的所有元素。以及 [title|="baidu"] ：选择 title 属性值中等于

CSS中的伪元素选择器

阅读更多关于 CSS中的伪元素选择器

定义伪元素选择器：就是有连续两个冒号的选择器，如::first-line::first- letter、::before 和::after E::first-letter文本的第一个单词或字（如中文、日文、韩文等） E::first-line 文本第一行； E::selection 可改变选中文本的样式； E::before和E::after 例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>伪元素选择器</title> <style type="text/css"> p::first-letter { /* 选择第一个字 */ color: red; font-size: 25px; } p::first-line { /* 选择第一行 */ color: green; font-size: 20px; } p::selection { /* 选中变色 */ color: blue; } div:before { /* 放在盒子内部的前面 */ content:"一只"; } div:after { /* 放在盒子内部的后面插入 */ content:"猪"; } </style> </head> <body> <h1>静夜思</h1> <p>床前明月光，疑是地上霜。举头望明月

CSS中的选择器

阅读更多关于 CSS中的选择器

选择器是用来瞄准目标元素的东西。元素选择器：指使用html元素直接进行目标定位的选择器。类选择器：指以“.”这个点号开头的选择器。很多元素可以应用同一个类选择器。“类”，天生就是被公用的命。 ID 选择器：“#”打头，权重相当高。ID 一般指向唯一元素。但是，在 CSS 中，ID 样式出现在多个不同的元素上并不会只渲染第一个，而是雨露均沾。但显然不推荐这么做。属性选择器：指含有[]的选择器，形如[title]{}、[title= "css-world"]{}、 [title~="css-world"]{}、[title^= "css-world"]{}和[title$="css- world"]{}等。伪类选择器：一般指前面有个英文冒号（:）的选择器，如:first-child 或:last- child、:checked 等。伪元素选择器：就是有连续两个冒号的选择器，如::first-line::first- letter、::before 和::after 通配符选择器：指使用“*”进行全部元素选定的选择器。可选中全部元素。来源： https://www.cnblogs.com/planetwithpig/p/11804524.html

学习笔记《锋利的jQuery》-jQuery选择器

阅读更多关于学习笔记《锋利的jQuery》-jQuery选择器

选择器是jQuery的根基，在jQuery中，对事件处理、遍历DOM和Ajax操作都依赖于选择器。如果能熟练的使用选择器，不仅能简化代码，而且可以达到事半功倍的效果。一、jQuery选择器是什么 1、CSS选择器在开始学习jQuery选择器之前，有必要简单了解下CSS（Cascading Style Sheets，层叠样式表）技术。 CSS是一项出色的技术，它使得网页的结构和表现的样式完全分离。利用CSS选择器能轻松的对某个元素添加样式而不改动HTML结构，只需通过添加不同的CSS规则，就可以得到各种不同样式的网页。要使某个样式运用于特定的HTML元素，首先需要找到改元素。在CSS中，执行这一任务的表现规则称为CSS选择器。常用的CSS选择器选择器语法描述示例标签选择器 E{ CSS规则 } 以文档元素作为选择符 td{ font-size:14px; } a{ text-decoration:none; } ID选择器 #ID{ CSS规则 } 以文档元素的唯一标识符ID作为选择符 #note{ font-size:14px; } 类选择器 E.className{ CSS规则 } 以文档元素的class作为选择符 div.note{ font-size:14px; } .dream{ font-size:14px; } 群组选择器 E1,E2,E3{

CSS(1)---css语法、css选择器

阅读更多关于 CSS(1)---css语法、css选择器

CSS(1)---css语法、css选择器一、CSS语法 1、CSS语法 CSS 规则由两个主要的部分构成：选择器以及一条或多条声明。属性是您希望设置的样式属性。每个属性有一个属性值。属性和属性值被冒号分开。示例  h1 {color:red; font-size:14px;}  二、CSS三种引入方式 CSS三种引入方式有：行内样式、内部样式表、外部样式表。 1、行内样式它是通过标签的 style属性来设置元素的样式，基本语法示例：  <body> <p style="color:blue; font-size:40px">欢迎访问雨点的博客。</p> </body> 建议实际在写页面时不提倡使用，在测试的时候可以使用。 2、内部样式表在 style标签中书写CSS代码。style标签写在head标签中。其基本语法示例： <head>  <style type="text/css"> div{ background: green; } <

CSS汇总之CSS选择器

阅读更多关于 CSS汇总之CSS选择器

要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。一、通配符选择器语法： *{ } 说明：通配符选择器可以选择页面上所有的html标签（包括body，html标签）用途：练习阶段清除页面所有标签的默认样式（使用通配符清除默认样式仅在练习阶段使用） <style> * { margin: 0; padding: 0; color: red; background: lightblue; } </style> <div>这是一个div</div> <p>这是一个p标签</p> 效果：body区域的背景色渲染成了lightblue，div和p标签的字体颜色渲染成了红色二、标签选择器语法：标签名 {} 说明：通过html标签名选择标签设置样式，w3c也称作元素选择器或者类型选择器用途：常用在某些标签的特殊样式比如a、ul、ol等 <style> ul { list-style: none; } a { text-decoration: none; color: red; } </style> <ul> <li><a href="">链接</a></li> <li><a href="">链接</a></li> <li><a href="">链接</a></li> </ul> 　效果：li的小圆点去掉和a标签的默认颜色改变三

静态文件与APP

阅读更多关于静态文件与APP

Ŀ¼ appָʲô? #静态文件配置(单词不要写错): STATIC_URL = '/static/' # HTML中使用的静态文件夹前缀 STATICFILES_DIRS = [ os.path.join(BASE_DIR, "static"), # 静态文件存放位置 ] 静态文件分组配置(多个文件夹),如果引用静态文件在不同的文件夹下,且有相同的文件名字, 会默认引用STATICFILES_DIRS列表的第一个元素的静态文件除了由服务器生成的HTML文件外，网页应用一般需要提供其它必要的文件, 比如图片文件、 JavaScript 脚本文件和 CSS样式表 ,来为用户呈现出一个完整的网站,在Django中，我们将这些文件称为 “静态文件” 把静态文件的路径改成动态拼接的，避免在HTML页面中硬编码静态文件的导入路径  <head> <link href="css/default.css" rel="stylesheet" type="text/css"> <link href="css/styles.css" rel="stylesheet" type="text/css"> <link href="css/demo.css" rel="stylesheet" type="text/css"> <link href="css/loaders.css

CSS学习摘要-语法和选择器

阅读更多关于 CSS学习摘要-语法和选择器

主要摘自网络开发者。从最基本的层次来看，CSS是由两块内容组合而成的：属性（Property）：一些人类可理解的标识符，这些标识符指出你想修改哪一些样式，例如：字体，宽度，背景颜色等。属性值（Value）：每个指定的属性都需要给定一个值，这个值表示你想把那些样式特征修改成什么样，例如，你想把字体，宽度或背景颜色改成什么。与值配对的属性被称为 CSS声明，CSS声明会被放置在一个 CSS声明块中。最后，CSS声明块与选择器相结合形成一个CSS规则集（或CSS规则）。给 CSS 属性设置特定的值是 CSS 语言的核心功能。 CSS 引擎会通过计算，将对应的 CSS 声明应用到页面的每一个元素上，从而使得元素们以适当的方式布局，并展示出适当的样式。特别需要记住的是： CSS 的属性和属性值都是区分大小写的。属性和属性值之间，用英文半角冒号 ( : ) 隔离。如下图所示： CSS 有超过 300 个不同的属性以及几乎无穷无尽的属性值。属性和属性值不能任意组合：每个属性都有一个已经定义好的可用属性值范围。重要 : 如果使用了未知属性，或者给属性赋予了无效值，该声明会被视为无效，浏览器的 CSS 引擎会完全忽略它。重要 : 在 CSS（和其他网络标准）中，使用美式拼写作为单词的标准写法。例如，颜色（见于上述代码所见）应始终拼写为 color 。写成

订阅 css第一个元素