CSS入门学习】的更多相关文章

四.web镇之旅,连接起来 找一家托管公司如阿里云,购买域名和空间,然后将网页文件上传到购买的空间的根目录下. 1.绝对路径url url:uniform resource locators 统一资源定位符,告诉服务器如何从根文件到达指定的页面.总是从"/"开始,代表根文件夹. 浏览器输入的web地址:协议+网站名+绝对路径(http +  www.ceshi.com  + /web/index.html ) 注:通常只写到文件夹名即可http://www.ceshi.com/web/…
从23号开始用了4天时间看完了<Head First Html与CSS>这本书,本书讲解方式深入浅出,便于理解,结合习题,便于记忆,是一本不错的入门书.下面是本书的学习笔记: 一.认识HTML HyperText Markup Language,超文本标记语言的缩写.标记文本来告诉浏览器文本的结构. 注释放在<!--和-->之间,浏览器会忽略其中内容. 1.在电脑上创建一个html文件 打开记事本,另存为后缀名为.html,编码为UTF-8. 本地测试,直接在浏览器中打开,可以直接…
一.基础学习 1.何为CSS CSS是Cascading Style Sheets(层叠样式表)的简称,是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语 言). CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀, 可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以 她是每一个网页设计人员的必修课. 2.语法 2.1引用 链接式(href [css] view plaincopy <head> &l…
九.盒模型 与元素亲密接触 1.盒模型 css将每个元素都看做一个盒子,包括以下属性: 内容区content area:包含内容,内容可以决定大小,也可以自行设定宽度和高度.元素的width属性指定的就是内容区宽度,可以按像素指定也可以按百分比相对于元素所在容器如body div 的大小来指定. 内边距padding:内容区外的透明区域,可以看做元素的一部分,对元素设定背景会延伸到内边距. 边框border:内边距周围的边框. 外边距margin:边框外的透明区域,提供元素与元素之间的间隔,元素…
十二.HTML5标记 现代HTML html5新增的元素:header nav footer aside section article time 这些新增元素使页面结构更清晰,取代<div id="header">这些. 还有,mark:突出显示文本.audio:插入音频.progress:显示进度条. htime元素:<time datetime="2017-07-28">7/28/2017</time>,datetime的值…
一.What? CSS的全称是CascadingStyle Sheet,汉语意思是"级联样式表".通常又称为"风格样式表(StyleSheet)".它是用来进行网页风格设计的. 比如,在网页的设计中,在HTML页中仅仅增加网页内容,而将网页样式(比如,大到网页的布局结构.小到字体大小等)放在别处,实现了网页的内容和样式相分离,这样,在更改样式时.不影响内容. 能够说,CSS将网页中的内容和样式分离开,让它们各自变化,解除了耦合. 二.CSS的选择器 在CSS里面,有…
css入门学习1:认识CSS 1.1:css简介,css全称是层叠样式表,Cascading style sheets 1.2:css的作用,主要是用于定义html内容在浏览器内的显示样式,如文字大小,颜色,字体加粗等 使用css样式的一个好处是通过定义某个样式,可以让不同的网页位置的字体有着统一的字体,字号或者颜色等 1.3:css代码语法 css样式由选择器和声明组成,而声明又由属性和值组成 h1 { color:red;font-size:14px;} 选择器 属性 值{属性和值构成声明}…
CSS入门 style元素设置CSS 基本格式 <style type="text/css"> body { background-color: #eaf3da; } p { border: 1px solid gray; } </style> 给多个元素同一个css,加, h1,h2{ } 继承与覆盖继承 link加载css文件 <link rel="stylesheet" type="text/css" href…
ReactJS入门学习二 阅读目录 React的背景和基本原理 理解React.render() 什么是JSX? 为什么要使用JSX? JSX的语法 如何在JSX中如何使用事件 如何在JSX中如何使用样式 回到顶部 React的背景和基本原理 在web开发中,我们总需要将变化的数据实时反应到UI上,这时就需要对DOM进行操作,复杂或频繁的对DOM操作是性能瓶颈产生的原因,React为此引入了虚拟的DOM的机制,在浏览器端使用javascript实现了一套DOM API,基于React开发时所有的…
Bootstrap3.0入门学习系列规划[持续更新]   前言 首先在此多谢博友们在前几篇博文当中给与的支持和鼓励,以及在回复中提出的问题.意见和看法. 在此先声明一下,之前在下小菜所有的随笔文章中,只有前两篇关于Bootstrap的文章发表在了博客园的首页,对于发布的这两篇文章的感受就是:大家的参与度比之前的高很多.当然也不是说看到自己的文章发布在首页,有了几千甚至几万访问量,个人觉得自己所分享的一点东西可能对于大家也是有一点效果的,自己从评论中可以看出是真的有那么一群人仔细看了自己写的文章,…