第二天--html+css

【第二天--html+css】的更多相关文章

CSS+DIV网页样式与布局：第二章：CSS的基本语法

第二章:CSS的基本语法一 CSS选择器(所有的HTML语言中的标记都是通过不同的css选择器进行控制的).用户只需要通过选择器对不同的HTML标签进行控制,并赋予各种样式声明,即可实现各种效果. 1.标记选择器(列如 <p> <ul> p{color:green;}) 2.类别选择器(列如 <p class="p1"> .p1{ color:green;font-size:20px;}) 3.ID选择器(例如 <p id…

<!Doctype html><html> <head> <meta charset="utf-8"> <meta name="keywords" content=""> <meta name="description" content=""> <meta name=&…

后端码农谈前端（CSS篇）第二课：CSS的5个来源

0.浏览器默认样式当你不为html元素设置任何样式时,显示在浏览器上的(比如:<b>元素会显示粗体.<p>元素有纵向margin.<h1>元素字号比<p>元素大一倍--)这是为什么呢? 因为浏览器自带一个默认的样式,在html元素未被设置样式时,浏览器会按照自己默认的样式来显示.但是浏览器默认样式的级别是最低的,一旦有其他地方设置了样式,浏览器默认样式就会被覆盖掉. 注意,不同浏览器的默认样式有些地方是不一样的.例如,我们在写css时,都会首先设置 * {…

javaWeb技术第二篇之CSS、事件和案例

<!--内联式 CSS (层叠样式表) 编辑层叠样式表(英文全称:Cascading Style Sheets) CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化. 就是网页的美化技术. 入门:如何在html里面使用css html里面的外观命名跟css外观命名会有所有不同.但效果一致 css属性: 属性1:值1;属性2:值2;属性3:值3;... 内联式:对每个元素都进行style进行样式添加. 内部式:在当前html的head的style标签里面添加 <h…

第二个div+css前端项目

先展示效果图: 为了看全景,截图有点挫.实际效果比这个好一点. 通过 text-overflow可以隐藏多出的文字,而不会吧把div撑开或者溢出. html代码: <!DOCTYPE html> <html> <head> <title>3.6practace</title> <link rel="stylesheet" type="text/css" href="3.6.css"…

第二天（CSS 选择器）

1.常用的CSS选择器类型选择器: 例如: p { color : red ; } 后代选择器: 例如: h2 span { font-weight : bold ; } 类选择器: 例如 : . content { width : 200px ; } ID选择器: 例如: #nav { height : 40px ; } 应用时,应注意html的结构,使结构合理,综合运用以上的选择器.防治页面中多…

第二篇、css尺寸和边框

一.尺寸和标签图二.尺寸单位 %:百分比 in:英寸 cm:厘米 mm:毫米 pt:磅(点)(1pt等于1/72英寸) px:像素(计算机屏幕上的一个点) em:1em等于当前的字体尺寸,2em等于当前字体尺寸的两倍 (相对单位) 三.颜色单位 rgb(x,x,x):RGB值,如rgb(,,) rgb(x%,x%,x%):RGB百分比值,如rgb(%,%,%) #rrggbb:十六进制数,如#ff0000 #rgb:简写的十六进制数,如#f00 表示颜色的英文单词,如red 四.尺寸尺寸属性…

第二节：Css重写样式

一丶进入浏览器---->F12----->找到要修改的区域的Style 进行重写Css样式二丶打开新页面 window.open("/Persitent/OtherIndex?connectionId=" + connectionId,"_blank");…

学习前端第二天之css层叠样式

一.设置样式公式选择器 {属性:值:} 二.font 设置四大操作 font-size:字体大小 (以像素为单位) font-weight:字体粗细 font-family:字体 ( 可直接跟字体或者16进制如:"微软雅黑") font-style: 字体风格 (em 和i 标签也能倾斜) normal:正常 italic:斜体 font:综合设置字体样式选择器 {font: font-style font-weight font-size/line-height font…

html学习-第二集（CSS）

head标签里面添加style标签,可以为标签添加样式 id选择器类选择器标签选择器层级选择器组合选择器属性选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #i1{ background-color:#2459a2; height:…