css部分的复习
常见的块元素有
<h1><h6>。<p><div><ul><li><ol>等,其中<div>标记是最典型的块元素。
行内元素:行内元素不占有独立的区域,仅仅靠自身的字体大小和图像尺寸来支撑结构,一般不可以设置宽度,高度,对齐等属性。常用于控制页面中文本的样式。
常见的行内元素有<strong><b><em><i><del><s><ins><u><a><span>等,其中<span>标记是最典型的行内元素。
注意:在行内元素中有几个特殊的标记,——<img/><input/><td>可以对他们设置宽高和对齐属性。有些资料可能会称他们为行内块元素。
——————————————————
css基础选择器(选取元素)
要想将css样式应用于特定的HTML元素,首先要找到该目标元素。在css中执行这一任务的样式规则部分被称为选择器,css基础选择器有四种
1.标签选择器,
标记名{属性1:属性值1;属性2:属性值2}
标记选择器最大的有点是能快速为页面中同类型的标记统一样式,同时也是他的缺点,不能设计差异化样式。
绝对路径:带有盘符的一个路径
D:前端与移动开发\html\css
相对路径:一个文件相对于另一个文件的路径
背景图片:<body background="图片的路径"></body>
表单:
表单元素:
Input:
Text:文本框(输入框)
Password:密码框
Radio:单选框(如果在设置默认选项使用:checked)
Checkbox:多选框(如果在设置默认选项使用:checked)。
Button:按钮(如果设置value值,那么这个值就是按钮上的文本)
Submit:提交按钮(必须要跟form一起使用才会达到效果。)
Image:图片按钮
Select:下拉框:
Textarea:文本域:
FORM表单:
Action:设置表单的提交参数路径
注意:如果一个表单元素想要提交那么这个元素必须要一个name属性
method:当前的请求方式。
当前的主流请求方式有两种:
当前的主流请求方式有两种:
GET:将要传递的参数放在url上面。
post:将要传递的参数放在请求报文体中、
标签的语义化:
HTML:从语义化的角度来描述页面结构
css从审美的角度来修饰页面的样式
js:从交互的角度来给页面提供行为。
html中标签的种类并不多。、
w3c标准:html结构,css样式,js行为
遵循的原则:先确定语义的HTML,再选适合的css
语义是否良好:当我们去掉css之后,网页结构依然组织有序,并且有良好的可读性。
w3c万维网联盟:有效促进了web技术的相互兼容。、
语义化标签:语义化的主要目的就是为了让大家直观的认识标签和属性的用途和作用
语义化的网页的好处,
语义化的网页的好处,最主要的就是对搜索引擎友好,有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取。
核心:合适的地方给一个最为合理的标签。
不管是谁都能看懂这块内容是什么
css主要目的是:控制网页中元素的样式。
css可以让我们从html结构和样式中分离出来
css可以让我们专注结构
Id选择器:id选择器使用#进行表示,后面紧跟着id名,其基本语法格式如下:
该语法中,id名即为html元素的id属性值,大多数html元素都可以定义id属性,
元素的id值是唯一的,只能对应于文档中某一个具体的元素。
通配符选择器
通配符选择器用“*”表示,他是所有选择器中作用范围最广的,能匹配页面中所有的元素。
注释:
HTML:<!--内容-->
css:/*内容*/
注释的作用:用来说明某一段代码的作用。
最好每写一段内容都用注释前后包括起来,方便后期的维护。
各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。网站重构的目的不是为了让网页更符合Web标准,重构的本质是构建一个前端灵活的MVC框架,即HTML作为信息模型(Model),CSS控制样式(View),JavaScript负责调度数据和实现某种展现逻辑(Controller)。同时,代码需要具有很好的复用性和可维护性。这是高效率、高质量开发以及协作开发的基础。
css部分的复习的更多相关文章
- css重点章节复习—布局-边框-边距-浮动 (部分)
css重点章节复习—布局-边框-边距-浮动 在第二个任务中,这一块的后面那条线真的弄了很久.起初也是在html里面写的代码.之后觉得这样不好,想到第一个页面中用到的border-bottom和bord ...
- HTML、CSS、JS 复习——序
HTML在MVC中担任着M的角色.由HTML组成的节点称之为HTML DOM.要想成为一流的大神,就必须能分分钟建立起一个强大的HTML DOM.而要做到这点,就必须了解甚至精通HTML. CSS在M ...
- css的一些复习
css,全称Cascading Style Sheets,层叠样式表. css选择器是从右往左解析的,解析速度会比较快. 选择器 选择器权重 !important 优先级最高 元素属性 优先级高 相同 ...
- CSS的简单复习总结
如果说网页是人的话那么CSS就是化妆品了哈哈哈,所以网页离不开CSS的装饰.id选择器和Class选择器 二者都是用来选择元素进行装饰的,我个人理解是类选择器包含了id选择器,class选择器不 ...
- CSS基础知识复习
1. CSS优先级 标签内部属性 style定义的CSS > 文档内定义的css > 引用外部CSS文件 2. CSS选择器类型 . 标签选择器 . 类选择器(使用.做标识) . ID选择 ...
- HTML5+CSS3整体回顾
http://blog.poetries.top/2016/10/19/HTML5+CSS3%E5%9F%BA%E7%A1%80%E5%9B%9E%E9%A1%BE%20/ 这篇文章主要总结H5的一些 ...
- Matplotlib数据可视化(3):文本与轴
在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...
- 《CSS权威指南》基础复习+查漏补缺
前几天被朋友问到几个CSS问题,讲道理么,接触CSS是从大一开始的,也算有3年半了,总是觉得自己对css算是熟悉的了.然而还是被几个问题弄的"一脸懵逼"... 然后又是刚入职新公司 ...
- HTML和CSS的复习总结
HTML(Hypertext Markup Language)超文本标记语言:其核心就是各种标记!<html> HTML页面中的所有内容,都在该标签之内:它主要含<head>和 ...
随机推荐
- 连HTTPS都有漏洞,这么不安全的互联网我们还要继续用吗?
转载自 http://www.huxiu.com/article/45302/1.html 10月24日和25日,虎嗅君参加了GeekPwn(极棒)安全极客嘉年华活动. 嗯...说是嘉年华,其实就 ...
- springmvc学习笔记--Interceptor机制和实践
前言: Spring的AOP理念, 以及j2ee中责任链(过滤器链)的设计模式, 确实深入人心, 处处可以看到它的身影. 这次借项目空闲, 来总结一下SpringMVC的Interceptor机制, ...
- 378. Kth Smallest Element in a Sorted Matrix
Given a n x n matrix where each of the rows and columns are sorted in ascending order, find the kth ...
- Java笔记6-数组
知识大纲一.数组的应用由于数组是用来存储数据的,所以,它的操作总是增.删除.改.查的操作.数组做为一种最基本的数据结构,它在查询上效率是最高的.但是在增加.删除的操作效率是最低的. 因为,数组的长度一 ...
- Sublime Text 2 中文 GBK 规范的配置 暨 解决中文乱码问题 简述
首先通过 Package Control 安装 ConverToUTF8 插件,但是每次新建一个文本后并不是默认使用 GBK,要设置默认使用 GBK,请继续看,然后我们 Ctrl + O 打开文件,在 ...
- c#防止多次运行代码收集
1.原文:经过我的测试,还比较好用,但是有个问题,如果不注销,用另一个用户进入,则程序不能判断出已运行.所以只限于用在单用户环境,还是不太完美. class Program { [STAThread] ...
- 关于 MAXScript 逐行写入文本
官方帮助文档FileStream Values部分有相关介绍. fn format_txt filepath filetext = ( if doesFileExist filepath == tru ...
- Nginx-ngx_lua模块原理和内置函数
ngx_lua模块的原理: 1.每个worker(工作进程)创建一个Lua VM,worker内所有协程共享VM:2.将Nginx I/O原语封装后注入 Lua VM,允许Lua代码直接访问:3.每个 ...
- F1 分数
F1 分数会同时考虑精确率和召回率,以便计算新的分数. 可将 F1 分数理解为精确率和召回率的加权平均值,其中 F1 分数的最佳值为 1.最差值为 0: F1 = 2 * (精确率 * 召回率) / ...
- C#里Attribute属性
系统内置属性 系统内置的Attribute属性Obsolete,被个这属性标记的方法在别的地方被调用的时候会有警告提示; 这个属性还可以指定第二个布尔参数,设置编译时是否报错; 例: [Obsolet ...