css 初级总结

css是一种计算机语言.用来在HTML中控制显示的效果.

css有五种使用的方式:

1 默认 比如一些标签(元素)自带的 css效果 <h1></h1> <div></div>

2行内样式 直接在标签里面来设置css.

3内嵌样式 在<style></style>来设置 .

[email protected] url(".css文件") 导入样式

5链接样式 <link type="text/css" rel="stylesheet" href=".css文件" /">

优先级 行内>内嵌>导入or链接>默认

获得元素的坐标offsetLeft/offsetTop/offsetWidth/offsetHeight/offsetParent

div的默认为盒子模型 层级:margin border padding 内容

相对定位relative /绝对定位absolute/固定定位fixed

z-index 值为整数.默认为0.可正可负.
值越大越在前面。覆盖后面的效果.

基本的样式有

font  /         text /         background     / border         /

text-align(left,right,center);对齐方式

text-decoration(枚举值:none没有,underline下划线,overlint 上划线,line-through 穿划线..)文本修饰

text-indent(长度单位 px,%百分比,em一个字符,in,cm,mm.. )缩进的长度值

color:(+颜色单词); red, orange, yellow, green, blue, indigo, purple
color:rgb(255,0,0)[0.255]合成的颜色.十进制红/绿/蓝的分量组成
color:rgba(0,0,0,0)[0.255]四种颜色三种颜色加一个透明色

CSS的特点.父标签属性会被子标签继承.如果子标签中设置了属性会覆盖父属性
一个标签最终的显示结果是多种显示效果的叠加.

时间: 2024-12-19 20:50:40

css 初级总结的相关文章

前端开发:CSS 初级和高级指南

CSS 初级和高级指南: 没有就不能活的 53 个 CSS 技术 对新手实用的 20 个 CSS 建议 快速编写更好 CSS 代码的 5 种方法 50+ 个 CSS 创意案例和教程 101 个 CSS 小贴士.教程和范例 CSS 代码片段:15 个邪恶的技巧 15 个必学的 CSS 技巧 8 个 CSS 链接 链接小贴士 8 个超简洁 CSS 小贴士 为更好的 CSS 代码:70 个专家级点子 30+ CSS 速查表和快速指南 CSS 大师的 10 个原则 10 个优秀的 CSS 教程和技巧 5

前端学习——css(初级)

1.Css盒模型(box model) web开发中,html的每个元素都是盒子,盒子可以装内容(content).可以有填充物(padding).有外壳(border) 和 外保护层(margin) .下图为控制台中的盒子详解:浏览器的控制台是我们了解一个元素最好的一个工具,下图可以清晰的看出一个盒子所拥有的属性. 元素的实际宽高 上图可清晰的看出 元素实际的宽=border-left+padding-left+元素内容宽+padding-right+border-right 元素实际的高=b

css初级代码

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title>项目实战--PC端固定布局</title> <link rel="stylesheet" type="text/css" href="style.css"> </head&g

框架与css初级

今天课程总结一下就是框架结构与css样式表,两个部分一个易一个难.要想掌握起来其实也都得勤加练习. 框架结构通过删除body运用frameset给网页分成不同的像素.css呢全名层叠样式表,作用是美化html网页在css样式表下边有很多选择器:用标签名做选择器则为标签选择器,class选择器则都是以.开头,id选择器以#开头等等还有种类繁多的选择器.如果要全面掌握绝对不是一时半会. 今天的课程有点懵,明天上课多加练习争取掌握.

休息,归类一下CSS初级的东西

css基础的东西集中体现在了"磊盒子"这一个枯燥无味的东西上面,灵活的运用盒子的内外边距,浮动,定位以及一些基础的属性,将一个静态的页面变得磊出来,这是CSS基础的练习. 在css基础练习里面有几点需要注意的小点: 1.margin的塌陷问题,这个问题分文两点,一种是上下同级的盒子的上外边距和下外边距的塌陷问题,这个情况劲量避免就好,不值一提:第二个问题就需要有良好的意识去注意子盒子的外边距是否会引起父盒子的外边距的塌陷,需要不需要运用边框1px 外加transparent使边框透明化

CSS 初级攻略

内容来自html dog. css的格式为 ‘property: value’ 给html插入css样式的方式有三种:内联.内部css.外部css文件,如下所示: <p style="color: red">text</p> <!DOCTYPE html> <html> <head> <title>CSS Example</title> <style> p { color: red; } a

前端学习笔记 - Css初级篇

有话先说:我是一只菜鸟,一只都是,从前是现在也是. CSS中的会计元素与行内元素 块级元素特性:占据一整行,总是重起一行并且后面的元素也必须另起一行显示.内联元素特性:和其他内联元素显示在同一行. 可以知道的是,行内元素和块级元素之间是能够相互转换的.趋于对网页模块化的搭建,后期行内转换为块级的例子会很多很多. html中的块级元素列举如下: div(文档分区),article(文章内容), aside(伴随内容), audio(音频播放), blockquote(块引用), canvas(绘制

实例解析CSS网页布局原理

DIV+CSS布局 用CSS来布局很容易.如果你已经习惯用表格布局的话,起先会感觉比较困难.其实不难,只不过动机不同,并且在实践中更有意义. 你可以把这一页面的各个部分当作独立的版块来看待,无论你选择哪一块.你可以绝对或相对地用彼块取代此块. 定位 定位属性position用于定义一个元素是否absolute(绝对),relative(相对),static(静态),或者fixed(固定). static值是元素的默认值,它会按照普通顺序生成,就如它们在HTML的出现一般. relative很像s

初级css

1.css:叠层样式表:用于网页外观! 2.css选择器:标签选择器  整个页面所有一样的标签的样式 class标签 用点来表示 是多个标签可以共用一个class样式 一个标签里可以存在多个class样式. id选择器  用#来表示 不能是多个或是重复的 3.选择器的优先级:标签选择器<class<id 4.css的样式的选择是就近原则选用.常用的是链接式. 5.css注释:/*css*/ 6.css样式: 字体样式:字体大小 font-size:12px: 字体样式 font-family: