css样式表 | 易学教程

Head First HTML与CSS Part.1

阅读更多关于 Head First HTML与CSS Part.1

概念 HTML和CSS是用来创建网页的语言 web服务器存储并提供由HTML和CSS创建的网页。浏览器获取页面，并且根据HTML和CSS显示网页的内容 HTML是超文本标记语言（HyperText Makeup Language) 的缩写用来建立网页结构 CSS是层叠样式表（Cascading Style Sheets)的缩写用来控制HTML的表现通过HTML,我们利用标记来标示内容提供结构，我们把匹配标记，以及他们包围的内容称为元素。元素=开始标记+元素内容+结束标记 (当然也存在有些元素使用简写方法，只有一个标记）标记=标记名和两边的尖括号开始标记可以有属性，属性能为元素提供一些额外信息所有页面都要有一个html元素，其中要有一个head元素和一个body元素。网页信息放在head信息里，body中的内容就是浏览器中看到的内容可以在style元素中写CSS规则，为HTML网页增加CSS.注意的是style 可以使用CSS在HTML中指定元素特性第一个HTML 用HTML创建简单的页面 <html>  <head>  <title>Starbuzz Coffee</title> <!--在head中放入title标记,title总出现在浏览器窗口的顶部--

html/css面试题（3）

阅读更多关于 html/css面试题（3）

一、一次完整的HTTP事务是怎么一个过程域名解析 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 --> 服务器响应http请求，浏览器得到html代码 --> 浏览器解析html代码，并请求html代码中的资源（如js、css、图片等） --> 浏览器对页面进行渲染呈现给用户二、HTTPS是如何实现加密 HTTP 协议（HyperText Transfer Protocol，超文本传输协议）：是客户端浏览器或其他程序与Web服务器之间的应用层通信协议。 https 是一种http与SSL证书共同协作构建的网络协议，https优势就在于能够保证网络传输高效的同时，可以很好的维护网络传输过程的安全。如何进行https加密？这涉及到了对 SSL证书的申请，不同类型的网站所需的 SSL证书类型不同，申请这一数字证书需要想数字证书颁发机构验证域名的所有权以及公司相关的信息，这也是为什么网站部署了SSL证书之后就拥有了一个安全可信的形象。完成申请之后，根据申请证书的教程，完成下载以及安装。这就实现了对http到https的转变，即完成了 https加密。三、浏览器是如何渲染页面的先简要概述浏览器渲染的步骤： 1. 处理HTML标记并构建DOM树 2. 处理CSS标记并构建 CSSOM树 3

01. CSS 基础

阅读更多关于 01. CSS 基础

CSS（Cascading Style Sheets，层叠样式表），主要通过为 HTML 元素增添样式的方式修饰静态页面，实现了页面内容与样式分离。目前主流网页布局均采用 div+CSS 方式实现一、CSS三大特性层叠性：权重高的样式会覆盖权重低的样式；继承性：子元素继承父元素的样式；优先级：作用域越小，优先级越大；不同级别：行内样式>id选择器>类选择器>标签选择器>通配符>继承；同一级别：后写的会覆盖先写的样式；二、CSS语法规则 /* CSS注释内容 */ 选择器{ 样式属性1:值1; 样式属性2:值2; } 三、引入CSS样式表 1. 行内样式表（内联表）： <标签 style="属性1:值1;属性2:值2;"></标签> 仅需要在一个元素上应用一次时，可以使用内联样式 2. 内部样式表（内嵌表）： <style> 选择器{ 样式属性1:值1; 样式属性2:值2; } </style> 当单个文档需要特殊的样式时，就应该使用内部样式表 3. 外部样式表（外联表）：外部. css文件 <head> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> 样式优先级：内联样式 > 内部样式 > 外部样式三种样式表总结：样式表优点缺点使用情况控制范围行内样式表权重高

web前段学习2017.6.15

阅读更多关于 web前段学习2017.6.15

CSS---表现层，修饰和表现html文档，为了解决结构层和表现层分离的问题。通过CSS极大的提高了工作效率，方便工作人员维护和管理 CSS:层叠样式表，目前用的最广泛的css版本为css2，最新版本是css3 ---------------------------------------------------------------- 一 CSS的放置位置 1 嵌入式 css里面我们叫html标签为html元素放置位置：直接将css代码嵌入到html元素中语法：<tag style="css属性1:css属性值1;css属性2:css属性值2;..."></tag> <tag style="css属性1:css属性值1;css属性2:css属性值2;..."/> 作用范围：只作用于当前标签 2 植入式语法： <style> 选择器{ css属性1:css属性值1; css属性2:css属性值2; ... } </style> 放置位置:放在head标签里面,通过一对style标签引入作用范围：作用于当前的html页面 3 外联式：放置位置：通过一个link标签引入外部的层叠样式表,link标签必须放在head标签里面语法：<link rel="stylesheet" type="text/css" href="相对路径"/> 作用范围：公共的

隔壁老主精讲web页面性能优化。

阅读更多关于隔壁老主精讲web页面性能优化。

　　首先说一下为什么要进行web页面性能优化，在同样的网络环境下，两个同样能满足你的需求的网站，一个“Biu”的一下就加载出来了，一个卡--卡--卡--卡--卡--才出来，你会选择哪个？研究表明：用户最满意的打开网页时间是0-3秒，如果等待超过3秒，90%的用户会关闭这个网页，如果等待超过10秒，99%的用户会关闭这个网页。所以如何提高网页的加载速度就显得尤为重要。而网页的加载速度又和web页面性能优化息息相关，所以web页面性能优化也是势在必行的。　　下面为大家仔细讲述一下网页加载时间主要花费在了哪里。大家先看一下一下性能黄金法则：网页加载时间只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件上，也就是花在了下载页面中的所有组件进行的HTTP请求上。所以如何减少HTTP请求，就成了web页面性能优化的重中之重；在这里隔壁老主来给大家介绍几种减少HTTP请求的方法。　　1、减少网页中图片网址的个数。在一个网页中有五幅图片，点击每张图片都会进入一个链接，这样五张导航的图片在加载时会产生5个HTTP请求，如果将这五个图片合并到一张图片上，那么所有点击提交到同一个url，这样就只需要一个HTTP请求。这种将网页中的多个图片融合到一张图里面的方法被称为CSS Sprites直译过来就是CSS精灵

Django学习笔记_小结(1)_留言板

阅读更多关于 Django学习笔记_小结(1)_留言板

环境：Ubuntu18.04 + Python3.7 + Django2.2 + Mysql5.7 使用pycharm开发第一部分 Django框架MTV简述 1、MVC是一种web开发规范 M： model，数据处理层，包括数据逻辑、数据存取等 V： view，可视化层，负责数据的显示 C：controller，控制层，负责接收和处理请求，并调用model和view响应请求 2、Django框架借鉴MVC，将框架分为Model（模型）、Template（模板）和View（视图）三部分 M ：Model，模型层：负责业务对象和数据库的关系映射(ORM) T ：Template，模板层：负责如何把页面展示给用户(html) V ：Viem，视图层：负责业务逻辑，并在适当时候调用Model和Template 第二部分 Django项目简述 1、创建项目 django-admin startproject Message 2、创建应用 python manage.py startapp message_form 3、注册应用 # settings.py 文件 INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib

Day26——CSS学习笔记

阅读更多关于 Day26——CSS学习笔记

CSS HTML+CSS+JavaScript 结构+表现+交互知识点梳理： 1.CSS How to learn ？ 1、CSS是什么 2、CSS怎么用（快速入门） 3、CSS选择器（重点、难点） 4、美化网页（文字美化、超链接、列表、渐变） 5、盒子模型 6、浮动 7、定位 8、网页动画（特效）参考网站：菜鸟教程、W3C 1.1什么是CSS Cascading Style Sheet 层叠级联样式表 CSS：美化网页具体表现为：字体、颜色、边距、高度、宽度、网页定位···· 1.2发展史 CSS1.0——CSS2.0——CSS2.1——CSS3.0 2.0里：DIV（块）+CSS，提出HTML与CSS结构分离的思想，网页变得简单，SEO（搜索引擎优化） 2.1里：浮动与定位 3.0里：圆角边框、阴影、动画····存在浏览器兼容性 1.3快速入门样式style 练习格式：CSS文件夹+index.html共存与一个练习文件夹中语法：写在HTML中的选择器{ 声明1；声明2； } 每一个声明用分号结尾；建议写一个HTML再写一个CSS CSS的优势内容与表现分离网页结构表现统一、可以实现复用样式十分丰富建议使用独立于HTML的CSS文件利用SEO，容易被搜索引擎收录 1.4css的3种导入方式行内样式： <h1 style ="color:red

前端基础总结之css 01

阅读更多关于前端基础总结之css 01

css 网站的美容师，它的作用便是对页面的样式进行修改、美化知识导航 css引入的三种格式 css基础选择器 font属性基本外观属性 css初识概念： CSS(Cascading Style Sheets) ，通常称为CSS样式表或层叠样式表（级联样式表）作用：主要用于设置 HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。 CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。 1. css引入的三种格式 1.1行内式它是通过标签的style属性来直接控制样式的使用：基本格式 <标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名> 示例 <body> <p style="color: red;">这是一个段落</p> </body> 注意样式属性和样式值之间以:隔开不同属性之间以；隔开只能控制当前的标签以及嵌套其中的子标签没有实现结构和样式的分离 1.2 内嵌样式表将css代码接种写在head标签内其语法格式如下： <head> <style type="text/CSS"> 选择器（选择的标签） { 属性1: 属性值1; 属性2: 属性值2; 属性3:

如何学好CSS？

阅读更多关于如何学好CSS？

　　身为IT人都知道，在每一种编程语言里，都有一些必须要掌握的硬核技能。例如，在学习Web前端的过程中，就需要掌握CSS这个硬核技能。CSS称为层叠样式表，为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破，利用它可以实现修改一个小的样式更新与之相关的所有页面元素。同时，CSS可以满足HTML自身的不足，丰富的样式便于使用和修改。　　接下来，就如何学好CSS，希望能够助大家一臂之力！　　如果网页中没有CSS，每个浏览器都按照自己的解析形式来解析每个网页，那么我们现在所看到的页面将是一盘散沙，毫无美感可言。同时，UI设计师辛苦设计出来的漂亮页面也将不复存在。如果不用CSS，采用图文的形式来实现美观的页面可以吗?在非要用图文设计效果来显示的情况下，也可以采用插入图片的形式来实现，但是一个网页如果全是图片就将影响网页的加载速度，用户的体验度也不会太好。目前来看，没有一家网站是全部采用图片的格式，而是采用图文结合的形式来实现的。所以，如果采用图文的形式来实现没有CSS的支持，页面很难实现。　　网页结构是由HTML+CSS+JavaScript一层一层组成的，HTML负责搭建框架结构，将网页分层。但只有HTML的话网页看起来是混乱的，有时候你设备旧网速卡的时候就会显示一个杂乱无章、无法阅读的页面。　　CSS发展到今天

什么是CSS

阅读更多关于什么是CSS

什么是CSS CSS是Cascading Style Sheet的缩写。译作”层叠样式表单“。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。使用CSS样式可以控制许多仅使用HTML无法控制的属性。 HTML 是一种标记性语言。当在浏览器中打开一个HTML网页时，浏览器将读取该网页中的HTML标签，并根据内置的解析规则将网页元素呈现出来。css（层叠样式表）决定浏览器将如何描述html元素的表现形式。换而言之，CSS就是描述HTML元素的规则。CSS目前最新版本为CSS3，CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。 CSS层叠样式表是一系列格式设置的规则，它们控制网页内容的外观。使用CSS设置页面格式时，可以将内容与表现形式分开。网页内容（即HTML 代码）驻留在HTML文件自身中，而用于定义代码表现形式的CSS规则驻留在另一个文件（外部样式表）或HTML文档的另一部分（通常为文件头部分）中。使用CSS可以更加灵活地控制具体的页面外观，从精确的布局定位到特定的字体和样式。 CSS允许控制HTML无法独自控制的许多属性。例如，可以为选定的文本指定不同的字体大小和单位（像素、磅值等）。通过CSS可以用像素为单位来设置字体大小，从而可以确保在多个浏览器中以更一致的方式处理页面布局和外观。除设置文本格式外

订阅 css样式表