html基础--css基本属性

HTML基础--css基本属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">  <title>liudaozhang</title> <link rel="shortcut icon" href="http://www.nnzhp.cn…

第九十三节，html5+css3移动手机端流体布局，基础CSS,头部设计,轮播设计,底部设计

html5+css3移动手机端流体布局,基础CSS,头部设计,轮播设计,底部设计基础CSS 首先将通用css属性写好 @charset "utf-8"; /*通用样式*/ /*去除所有元素的内外边距*/ *{ margin:; padding:; } /*去除所有ul里li的小圆点*/ ul{ list-style-type: none; } /*去除所有a的下划线*/ a{ text-decoration: none; } /*将图片转换成区块,将图片最大宽度设置成100%,使图片…

前端零基础 --css转换--skew斜切变形 transfor 3d

前端零基础 --css转换--skew斜切变形 transfor 3d==============重要不紧急! 重要紧急重要不紧急不重要紧急不重要不紧急…

前端基础——css

前端基础——css css的内容主要包括:盒子模型.定位.单位与取值.属性.选择器.…

前端基础-CSS属性操作

前端基础-CSS属性操作 css text 文本颜色:color 颜色属性被用来设置文字的颜色. 颜色是通过CSS最经常的指定: 十六进制值 - 如: #FF0000 一个RGB值 - 如: RGB(255,0,0) 颜色的名称 - 如: red p { color: rebeccapurple; } 水平对齐方式 text-align 属性规定元素中的文本的水平对齐方式. left 把文本排列到左边.默认值:由浏览器决定. right 把文本排列到右边. center 把文本…

HTML&CSS基础-CSS的语法

css基础-css选择器和css文本样式相关

css基础-css选择器和css文本样式相关: 使用link链入外部样式,页面加载时会同时加载样式 @import url(“*.css”);使用导入式,页面加载完后,才会加载样式链接伪类的顺序 :link-> :visited ->:hover-> :active 或者 : visited -> : link ->:hover-> :active 选择器的优先级: id选择器>class选择器>标签选择器如果设置了同样的类样式,类样式与元素里类的顺序没…

前端基础-CSS的各种选择器的特点以及CSS的三大特性

一. 基本选择器二. 后代选择器.子元素选择器三. 兄弟选择器四. 交集选择器与并集选择器五. 序列选择器六. 属性选择器七. 伪类选择器八. 伪元素选择器九. CSS三大特性一. 基本选择器 1.id选择器 #1.作用: 根据指定的id名称,在当前界面中找到对应的唯一一个的标签,然后设置属性 #2.格式 id名称 { 属性:值; } #3.注意点: 1.在企业开发中如果仅仅只是为了设置样式,通常不会使用id,在前端开发中id通常是留给js使用的 2.每个标签都可以设置唯一一个…

Python 15 html 基础 - CSS &javascript &DOM

本节内容 CSS基础 javascript基础 DOM 前言,这边这块楼主已经很熟悉了,CSS天天用到,简单的一些javascript也是所以就挑点重点说了.然后就是dom不怎么用,但是其实也用不到,大家以后都会是用jquery来做这一块的需求,所以只要稍作了解就好了. CSS基础继续上一章节的css. position 常用的三个: fixed ==>浮动的固定在某个位置 relative + absolute ==> 通常这2个一起用,用来在父标签的内部定位,相对于父标签的一个绝对定位…

Web前端基础——CSS

一.CSS概述 css ( cascading style sheets ) 层叠样式表,可以轻松设置网页元素的显示.位置和格式外,甚至还能产生滤镜,图像淡化,网页淡入淡出的渐变效果,简而言之,css就是要对网页的显示效果实现与word 一样的排版控制. DIV+CSS 标准的叫法 xhtml+css //XHTML 指扩展超文本标签语言(EXtensible HyperText Markup Language). CSS的好处 1.提高网页的浏览速度,至少50% 的文件尺寸: 2.缩短改版…

前端基础-CSS的属性相关设置

一字体属性二文本属性三背景属性四盒子模型五盒子模型各部分详解一. 字体属性 1.font-weight:文字粗细(表格中*为重点) 取值描述 normal 默认值,标准粗细 bord 粗体 * border 更粗 lighter 更细 100~900 设置具体粗细,400等同于normal,而700等同于bold * inherit 继承父元素字体的粗细值 2.font-style:文字风格 normal 正常,默认就是正常的 italic 倾斜 3.fo…

前端基础-CSS如何布局以及文档流

一. 网页布局方式二. 标准流三. 浮动流四. 定位流一. 网页布局方式 1.什么是网页布局方式布局可以理解为排版,我们所熟知的文本编辑类工具都有自己的排版方式, 比如word,nodpad++等等而网页的布局方式指的就是浏览器这款工具是如何对网页中的元素进行排版的 2.网页布局/排版的三种方式 2.1.标准流 2.2.浮动流 2.3.定位流二. 标准流标准流的排版方式,又称为:文档流/普通流,所谓的文档流,指的是元素排版布局过程中,元素会自动从左往右,从上往下的流式排列. 1…

css基础,css选择器

07.29自我总结 css基础一.什么是CSS CSS是级联样式表 CSS术语标记语言,没有逻辑 CSS作用完成网页内容的样式与布局二.CSS的三种引入方式 1. 内联式书写位置:在 head标签内定义一个stype标签内 CSS语法:css选择器{样式1;样式2} 优缺点:可读性强,有复用性,样式被html页面绑定了,不能提供给其它html页面使用 2. 外联式书写位置:在外部css文件中,在html文件中通过link标签引入css文件 CCS文件内CSS语法:css选择器{样式1;…

003.前端开发知识，前端基础CSS（2020-01-07）

一.CSS初识 CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片的外形(宽高.边框样式.边距等)以及版面的布局等外观显示样式. CSS以HTML为基础,提供了丰富的功能,如字体.颜色.背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式. 二.引入CSS样式表 1.行内式(内联样式) <标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标…

2020年12月-第02阶段-前端基础-CSS Day02

CSS Day02 复合选择器后代选择器并集选择器 1. CSS复合选择器理解理解css复合选择器分别的应用场景为什么要学习css复合选择器 CSS选择器分为基础选择器和复合选择器 ,但是基础选择器不能满足我们实际开发中,快速高效的选择标签. 目的是为了可以选择更准确更精细的目标元素标签. 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的 1.1 后代选择器(重点) 概念: 后代选择器又称为包含选择器作用: 用来选择元素或元素组的子孙后代其写法就是把外层标签写在前…

2020年12月-第02阶段-前端基础-CSS基础选择器

CSS选择器(重点) 理解能说出选择器的作用 id选择器和类选择器的区别 1. CSS选择器作用(重点) 如上图所以,要把里面的小黄人分为2组,最快的方法怎办? 很多, 比如一只眼睛的一组,剩下的一组选择器的作用找到特定的HTML页面元素 CSS选择器干啥的? 选择标签用的, 把我们想要的标签选择出来必须记住的 css 就是分两件事, 选对人, 做对事. h3 { color: red; } 这段代码就是2件事, 把 h3选出来, 然后把它变成了红色. 以后我们都这么干. 选择器…

一起学HTML基础-CSS样式表-基本概念、分类、选择器

一.基本概念: CSS (Cascading Style Sheets)层叠样式表,是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. Style,样式,即目标显示出来的风格样式,作用是美化页面. 二.样式表分类: 内联式样式表.内嵌式样式表.外联式样式表. 1.内联式样式表:直接写在标签内部,使用Style属性设置样式.例如:设置div及span背景颜色及宽和高,会发现span是无法设置宽和高的,因为默认内容有多少就占用多少,无…

几篇不错的基础css博客转载

CSS 巧用 :before和:after:http://web.jobbole.com/85083/ css清除元素间距:http://ouvens.github.io/frontend-css/2015/08/06/css-get-rid-of-gap.html css居中与自适应布局:http://ouvens.github.io/frontend-css/2014/11/08/css-center-layout.html css清除浮动:http://ouvens.github.io/f…

Java基础 —— CSS

CSS:层叠样式表(Cascading Style Sheets) --> 提高显示功能,定义样式 html提供了div与span,只为了封装文本数据,div为一行数据,span为行内的数据. CSS与HTML结合方式: 使用html标签中的style属性:<div style="color:red;font:..;size:24px;background-color:blue;">...</div> 使用style标签提高代码复用性: <style…

css基本属性

CSS属性分类(最最常用的属性):颜色和长度文字盒模型布局定位背景文本和其他常用CSS属性: <style>div{ color:#23729e; /*前景色*/ background:#8b8b8b; /*背景色*/ background:#ff0000 url(dian.png) no-repeat 0 10px; /*背景颜色图片不平铺定位x.y轴*/ font:18px '楷体_GB2312'; /*文字大小,字体*/ width:200px; /*宽度*/ height:10…

前端之基础css

一.anchor伪类,用于阅读文章. a:link(没有接触过的链接),用于链接常规状态 (末访问的链接)a:hover(鼠标放在链接上的状态) 用于产生视觉效果(已访问的链接)a:visited(访问过的链接)能清楚判断已经访问的链接(鼠标移动的链接)a:active(在连接上按下鼠标是的状态),用于表现鼠标按下是的链接状态(选定的链接) 二.before after伪类:before p:before 在每个<p>元素之前插入的内容:after p:after 在每个<p>元素…

前端基础-- CSS

CSS知识 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染).Css之车更丰富的文档外观,Css可以为任何元素的文本和背景设置颜色:允许在任何元素外围设置边框:允许改变文字的大小,装饰(如下划线),间隔,甚至可以确定是否显示文本. CSS语法每个CSS样式右两部分组成:选择器和声明.声明又包括属性和属性值. 提示:声明使用花括号包围, 多个属性用分好分隔,属性和值之间使用冒号分隔.…

前端基础----CSS语法、CSS四种引入方式、CSS选择器、CSS属性操作

一.CSS语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. 例如: h1 {color:red; font-size:14px;} 二.CSS四种引入方式 1,行内式行内式是在标记的style属性中设定CSS样式.这种方式没有体现出CSS的优势,不推荐使用. <p style=" padding: 0px; color: rgb(0, 0, 255); line-height: 1.5 !important;">>hello yuan</p…

第二章 CSS基本属性

1.CSS:层叠样式表一个元素允许同时应用多种样式,页面元素最终的样式即为多种样式的叠加效果. 2.CSS样式优先级行内样式表>内部样式表>外部样式表[就近原则] id选择器>类选择器>标签选择器 3.文本属性:(缩写形式) font:风格粗细大小/行高字体1,字体2,字体3:font-weight(粗细100-900) font-size(大小) font-family(字体)font-style(风格) 行距.对齐等: line-height (行高) text-a…

JavaWeb基础—CSS学习小结

重点记忆:四种结合方式三种基本选择器 1.CSS:层叠样式表相当于皮肤提高了可维护性.样式与内容分离(注释格式/* */) 2.CSS与HTML结合的四种方式:内联式.嵌入式.外部式 1.每个标签上都有一个style[属性]来控制 sytle="key:value;key:value" <div style=""> 2.使用style标签:<style type="text/css">div{key:value}&…

前端基础css

CSS主要学习的是选择器和样式属性. 导入css的方式:行内样式,内部样式,外部样式(推荐使用) 行内样式:在标记的style属性中设定CSS样式 <p style="color: green">Hello world.</p> 内部样式:是将CSS样式卸载网页的<head></head>标签下<style></style>标签中 <head> <meta charset="UTF-8&…

前端基础--css基本语法,选择器

一.css概述 CSS(Cascading Style Sheet)层叠样式表,定义如何显示HTML元素,给HTML设置样式,让它更加美观.当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). CSS创建于1996年,在1997年W3C颁布HTML4.0与XHTML1.0时同时公布了CSS1标准.1998年推出了CSS2标准,目前仍不断发展和完善中二.css语法 1.实例 2.注释 /* 注释内容 */ 三.css的引入方式优先级: 内联样式)Inline style >…

前端基础-CSS是什么？

阅读目录一. 什么是CSS 二. 为何要用CSS 三. 如何使用CSS 一. 什么是CSS CSS全称Cascading Style Sheet层叠样式表,是专用用来为HTML标签添加样式的. 样式指的是HTML标签的显示效果,比如换行.宽高.颜色等等层叠属于CSS的三大特性之一,我们将在后续内容中介绍表指的是我们可以将样式统一收集起来写在一个地方或者一个CSS文件里二. 为何要用CSS 在没有CSS之前,我们想要修改HTML标签的样式则需要为每个HTML标签单独定义样式属性,如下 <!…

Scrapy基础------css选择器基础

基本语法: * 选择所有节点 #container 选择id为container的节点 .container 选择所有class包含container的节点 li a 选取所有li 下所有a节点 ul + p 选取ul后面的第一个p元素 div#container > ul 选取id为container的div的第一个ul子元素 ul ~p 选取与ul相邻的所有p元素 a[title] 选取所有有title属性的a元素 a[href="http://jobbole.com"] 选…

前端基础-css（3）

一.文本属性和字体属性(常用的) 1.文本属性 text-align:left|right|center|justify(两端对齐,只适用于英文); /*对齐方式*/ color:色值; /*文本颜色*/ text-indent:2em; /*首行缩进,建议单位用em*/ text-decoration:none|underline|overline|line-through|inherit; line-height:高度值; 2.字体属性 font-weight:normal|bol…

【html基础--css基本属性】的更多相关文章